Resources

Reference panels for cleaner everyday work.

No filler links, no empty sections. These are practical notes for file handling, image exports, metadata and launch checks.

Image export guide

  • WebP: best default for web visuals when browser support is acceptable.
  • JPG: best for photos where transparency is not needed.
  • PNG: best for logos, icons, sharp UI screenshots and transparent assets.
  • Keep originals: store a full-quality source file before compressing public versions.

Compression checklist

  • Resize the image to the largest size it is actually displayed at.
  • Use JPG or WebP for photo-heavy graphics.
  • Use PNG only when transparency or crisp edges matter.
  • Check the image after compression, not only the file size.

Text cleanup checklist

  • Remove duplicate lines before sorting or exporting lists.
  • Keep one blank line between sections for readable posts.
  • Turn long titles into slugs only after checking spelling.
  • Use safe filenames for downloads, images and shared assets.

Metadata basics

  • Keep page titles specific and readable in browser tabs.
  • Write descriptions for humans first, then trim them cleanly.
  • Use one canonical URL per public page.
  • Set a social image that still works when cropped.

Colour readability

  • Check contrast before using grey text on dark panels.
  • Reserve bright accent colours for buttons, labels and key stats.
  • Use fewer accent colours on one section to avoid noise.
  • Test small text separately from large headings.

Local-tool notes

  • Browser tools can process files without uploading them.
  • Downloaded results are new files created on your device.
  • Refreshing the page clears most unsaved workspace content.
  • Keep private account details out of general utility pages.

Good file naming

  • Use lowercase names with hyphens for public web files.
  • Avoid spaces, brackets and long punctuation-heavy names.
  • Add version numbers only when they help handoff.
  • Keep final names short enough to scan in a folder.

Small launch check

  • Open every nav link and footer link once before uploading.
  • Test mobile width, desktop width and one awkward middle size.
  • Check favicon, title, description and social preview values.
  • Confirm downloads, copy buttons and forms behave correctly.