Articles · Media workflow

Image prep before publishing

Before an image goes into a page, email, app, or ticket, check the shape of the job: format, dimensions, crop, orientation, palette, or scannable asset.

Image work gets confusing when every problem is called optimization. A file might be too large, the wrong shape, sideways, in the wrong format, or simply not ready for the place it will appear.

The Media tools hub is easier when you name the first problem before touching the file.

Convert format when the destination requires it

Use Image convert when the file needs to become WebP, JPEG, or PNG, or when you also want light enhancement and EXIF cleanup. Format is usually the first question when a CMS, email template, or upload form rejects an asset.

Fix dimensions before compression

Use Image resize when the image only needs a max width or height. Use Image crop when the subject or aspect ratio is wrong.

Do this before file-size optimization. A giant image compressed to a tiny quality setting is still the wrong image if the dimensions do not match the layout.

Rotate or flip when the preview is wrong

Phone photos and scanned pages often carry orientation surprises. Use Image rotate and flip when the preview is sideways or mirrored before you export the final copy.

Use focused tools for favicons and palettes

A favicon is not just a small screenshot. Use Favicon generator when you need square sizes for browser and device surfaces.

If the image is the source of a brand color, use Image color palette. If the work moves into CSS contrast or theme tokens, switch to the Color hub.

Test scannable assets after export

QR codes and barcodes are image-like, but the important question is whether they scan. Use QR code generator or Barcode generator, export the asset, then test it at the size and contrast you plan to publish.

A simple publish checklist

  • Format: does the destination need WebP, JPEG, PNG, SVG, or PDF?
  • Dimensions: does the layout need a max width, height, crop, or square output?
  • Orientation: is the preview facing the right way?
  • Special output: favicon, palette, QR, barcode, or Base64?
  • Final check: open the exported file and test the real use case.

Common use cases

  • Use before uploading an image to a CMS, email, app store draft, landing page, or support ticket.
  • Share with teammates who need a publish-ready image but are not sure whether to convert, resize, crop, or rotate first.
  • Keep near media workflows where file size, dimensions, palette, and scannable codes all matter.

Common mistakes to avoid

  • Compressing before fixing dimensions

    Resize or crop first. Compression is easier when the image already has the right size and shape.

  • Trusting a QR or barcode without scanning it

    Always test scannable assets after export. Quiet zone, contrast, and final print size still matter.

FAQ

Do media tools upload my images?

The media tools described here run in your browser unless a page states otherwise.

Should I use Image convert or Image resize?

Use Image convert when format, enhancement, or EXIF cleanup matters. Use Image resize when the only job is max width or height.

Where should color work happen?

Use image palette when starting from a file. Use the Color hub when the main job is contrast, CSS syntax, or theme tokens.