← All guides
Design workflow

JPEG, PNG, and WebP: choosing an image format

There is no single best image format for every job. Choose based on the kind of image, whether transparency is needed, the target platform’s accepted formats, and how much compression artifacts matter.

Quick comparison

FormatOften useful forWatch for
JPEGPhotographs and complex gradientsRepeated lossy saves can soften detail
PNGTransparency, interface graphics, crisp edgesFiles can be large for photographs
WebPWeb delivery with efficient compressionCheck the destination’s accepted formats

Export workflow

  1. Start from the highest-quality original available.
  2. Resize to the required dimensions before compression.
  3. Export a test version and inspect fine text, edges, and gradients.
  4. Compare file size against visual quality.
  5. Keep an original copy in case the asset needs to be revised.

For ad uploads, always check the current platform specifications rather than assuming a format is accepted everywhere.

Put it into practice: Use the UTM Link Builder, Social Image Resizer, or Content Brief Builder where relevant, then check the final output before publishing.

Worked example: choosing an export for a product image

A photographic product image often works well as a compressed JPEG or WebP, while a logo with transparent areas generally needs PNG or another format that preserves transparency. Compare the exported file visually at its actual display size; the smallest file is not automatically the best if text edges or product details become visibly damaged.

Prepare the asset with the Social Image Resizer and check placement dimensions in the social image sizing guide.

Editorial note: Platform specifications and analytics interfaces change. Confirm current requirements in the channel or analytics product you use before launching a campaign.