Skip to content

Design · Reference

Image formats: JPG, PNG, and WebP

What each common image format is good at, what it preserves, and how to choose an output format.

Continue with Image Compressor, Image Resizer, Image Format Converter · Reference

Choose by the kind of image

JPG is usually a practical choice for photographs because it produces small files with adjustable lossy compression. PNG is better for screenshots, diagrams, and images that need transparency or crisp edges. WebP can provide smaller files for both photographic and graphic content, but the receiving application still needs to support it.

Compression changes the output

  • Lossy compression removes visual information and is most visible around text, sharp edges, and repeated saves.
  • Lossless formats preserve pixels but may produce larger files, especially for photographs.
  • Canvas-based export can remove metadata such as EXIF. Keep the original when capture metadata matters.

References

Related tools

  • Image CompressorCompare JPEG and PNG compression candidates for multiple JPG, PNG, or WebP images. Review file sizes, RGB pixel error, and original-versus-output previews locally.
  • Image ResizerResize multiple JPG, PNG, or WebP images by dimensions or percentage. Check output dimensions, preserve proportions when needed, and download the results locally.
  • Image Format ConverterBatch-convert JPG, PNG, and WebP images in your browser. Review the output format and file-size change, then download individual images or a ZIP.
  • Image TransformerRotate and flip multiple images locally in your browser.
  • Image Color PaletteExtract five representative colors from images locally.

Back to Design Reference