Image guides
Choose settings with the trade-offs in view.
Practical notes on image formats, quality, dimensions, cropping, metadata, color, and web publishing.
JPEG, PNG, or WebP? Choose by image and use
Compare JPEG, PNG, and WebP by transparency, image detail, and intended use before converting or compressing a raster image.
Read guide FILE SIZECompress an image without guessing at quality
A practical workflow for reducing image file size while checking artifacts, dimensions, and format trade-offs.
Read guide DIMENSIONSResize an image without stretching its subject
Learn the difference between pixel dimensions and display size, how to preserve aspect ratio, and why enlargement does not restore detail.
Read guide FRAMINGCrop an image with a clear focal point
A practical crop workflow covering subject placement, pixel bounds, aspect ratios, and keeping an untouched source file.
Read guide IDENTIFICATIONAdd a readable text watermark to a copy
Place a text mark with enough contrast to read while avoiding the main subject, and understand what a watermark cannot protect.
Read guide COLORUse an extracted image palette as a starting point
Learn why sampled image palettes are approximate, how to inspect an individual pixel, and how to check contrast in the final interface.
Read guide PRIVACYWhat local image processing means in a browser
See how this site handles selected images, what local browser processing can and cannot promise, and why canvas exports may not preserve embedded metadata.
Read guide PUBLISHINGPrepare images for a web page
A practical checklist for dimensions, format, file size, descriptive alternatives, and the context where a web image appears.
Read guide