The image field guide

Make the next edit
an informed one.

Clear methods, real examples and the limits that matter. Start with the problem your file needs to solve.

Formats and exports

PNG, JPG and WebP: Choose by the Image

Use PNG for a transparent editing master, JPEG for a widely accepted opaque photo, and WebP when the destination accepts it. Compare actual exports because a file extension alone does not predict size or visible quality.

Read the guide →

Image Compression: Quality, Bytes and Inspection

Choose compression by inspecting an export at its intended size, then measuring its bytes. Equal quality-slider values across formats do not establish equal visual quality.

Read the guide →

Transparent PNG: Export and Check the Real Alpha

A transparent PNG stores coverage separately from color; the checkerboard is only an editor preview. Export the cutout without an opaque background and test it on the surface where it will be used.

Read the guide →

sRGB and Color Profiles in Browser Image Exports

A color profile describes how stored channel values should be interpreted. Browser exports are useful delivery files, but they are not a substitute for a controlled print-proofing or color-management workflow.

Read the guide →

HEIC to JPG: Native Browser Support and Limits

HEIC conversion here works only when the browser can decode the source natively. If it cannot, the tool reports the limitation instead of uploading the file or bundling a decoder with incompatible license terms.

Read the guide →

AVIF Support: Displaying Is Not Encoding

A browser’s ability to display AVIF does not prove that its canvas API can export AVIF. Backdropless checks the returned file type and disables an unsupported encoder instead of relabeling a PNG fallback.

Read the guide →

Image Metadata After a Browser Export

Treat a browser export as a newly encoded image, not a metadata-preserving archive. Keep the original if capture information, profiles, auxiliary records or editing history matter to the task.

Read the guide →

Print and identity

Masks and models

Browser and privacy

Product photography

Composition and sizing

Choosing tools