Format Atlas

Guides

Choose a transparent image format

For transparency, consider whether you need partial opacity, photographic detail, or scalable vector artwork, then check destination support.

Which format should you choose?

Choose by the role each file plays in your workflow.

  • General transparent illustrations → PNG
  • Transparency with web size in mind → WebP
  • Scalable logos and shapes → SVG

Distinguish partial transparency from vector artwork

Removing a background is only one need. Separate semi-transparent edges, photographic assets, and scalable vector shapes before choosing a format.

Formats to consider

PNG

Good for: Illustrations and UI assets that retain transparency

Less suitable for: Lightweight delivery of photographs

WebP

Good for: Transparent images for web delivery

Less suitable for: Use where destination support cannot be checked

SVG

Good for: Logos, icons, and geometric artwork

Less suitable for: Raster photographs

GIF

Good for: Simple animation where compatibility matters

Less suitable for: Smooth semi-transparent effects

Before you export

  • Converting PNG to JPEG does not preserve transparency.
  • Check how the destination handles backgrounds and alpha transparency.

Related comparisons

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.AVIF vs WebPAVIF and WebP both target web images and support lossy and lossless options and transparency. Compare quality, size, encoding speed, and support using the same images; serving more than one format may be appropriate.

Guides

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.Choose a photo file formatFor photographs, the best choice depends on whether you prioritize easy sharing, smaller web files, or production and editing requirements.

References and specifications