Image formats: JPG, PNG, and WebP

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

• MDN — Image file type and format guide
• WebP documentation