Raster vs vector images
Raster images store pixels; vector images describe shapes. Photographs usually suit raster formats, while logos and diagrams often benefit from vectors that scale cleanly.
File format basicsFormats
i?01 · 02
FORMAT ATLAS
Formats
JPEGJPEG is a lossy image format used widely for distributing photographs.PNGPNG is a lossless raster image format that supports alpha transparency.WebPWebP is an image format designed for web delivery. It can use lossy or lossless compression and supports alpha transparency and animation.AVIFAVIF is a still-image format based on the AV1 Image File Format specification. It is an option for balancing image size and quality in web delivery, rather than an automatic replacement for JPEG or WebP.SVGSVG is an XML-based vector image format. It can preserve sharp outlines when scaled, making it useful for logos, icons, and diagrams rather than photographic images.
Compare
JPEG vs PNGJPEG commonly uses lossy compression and suits many photographs, while PNG preserves pixel values losslessly and supports transparency. The choice depends on image content, editing needs, and the destination's requirements.PNG vs WebPBoth PNG and WebP can support transparency. PNG is a widely supported lossless format; WebP is an option for optimizing web delivery and can also support animation. Compare real assets and target browsers.
Guides
Choose a photo file formatFor photographs, the best choice depends on whether you prioritize easy sharing, smaller web files, or production and editing requirements.Choose a web image formatDecide what kind of image you are serving and which browsers and tools must support it before choosing a web format.
Related formats and reading
Image transparencyTransparency lets the background show through parts of an image. Check whether the format and destination preserve an alpha channel; JPEG does not provide ordinary transparency.Lossless and lossy compressionLossless compression can restore the original data; lossy compression discards information to reduce size. Keep an appropriate source file when future editing matters.