Format guide

PNG vs JPG vs WebP for rounded images.

The right export format depends on what you need the image to do next. Rounded corners alone do not decide the answer. Transparency, file size, screenshot clarity, and reuse context matter just as much.

Open export controls Transparency guide

Use PNG when the rounded corners must stay clean

PNG is the safest choice when transparency matters or when the image is a screenshot with sharp edges and UI text. It keeps corners transparent and tends to preserve interface detail better than JPG.

Use JPG when transparency is irrelevant and file size matters more

JPG can be fine for rounded product photos or lifestyle images if the background is solid and the image does not need transparency. It is less ideal for UI screenshots because text and edges can soften more than you want.

If you need transparent corners, JPG is the wrong choice no matter how small the file becomes.

Use WebP when you want a smaller modern file without losing transparency

WebP is often the best compromise for web delivery. It can preserve transparency like PNG while producing smaller files, though PNG is still the simpler default when you want fewer surprises.

Best format by use case

UI screenshot on a website

PNG first. WebP if you specifically want smaller delivery and have tested the result.

Rounded image on a slide deck

PNG if the background may change. JPG only if the image sits on a fixed solid background.

Social post preview

PNG for clean graphics and screenshots. JPG can work for photo-heavy creative with no transparency.

Product shot with background card

JPG may be acceptable if the card background is already baked in and file size matters.

Documentation screenshot

PNG is usually worth it because sharpness and legibility matter more than shaving off every kilobyte.

Reusable design asset

PNG is the safest handoff format when another person may place the asset on unknown backgrounds later.

A simple export decision tree

Need transparent corners? Yes -> PNG or WebP No -> Is it a screenshot with small text? Yes -> PNG No -> Is file size the top priority? Yes -> JPG or WebP No -> PNG

Common format mistakes

  • Exporting a transparent design as JPG and then wondering why white corners appeared.
  • Using JPG for UI screenshots and losing edge clarity.
  • Picking PNG for every photo export even when transparency is not needed.
  • Assuming WebP is always the best answer without checking whether the output still looks right.