Workflow6 min read·Updated

Social Media Images: WebP for Your Site, JPEG for the Networks

Social networks recompress whatever you upload. Your website should not. Use their native JPEG/PNG specs for posts, and convert the same creatives to WebP for your blog, campaign pages and link-in-bio site.

Two outputs from one design

Export from Canva/Figma once at a high-quality PNG or JPEG. Upload that to Instagram. Convert a copy to WebP 1080–1600 px for the website.

Why it matters

  • Link-in-bio pages are real websites with LCP.
  • Republished Instagram grids on a site are often uncompressed dumps.
  • You do not control Meta's encoder; you do control yours.

How to do it

  1. Keep a social-masters folder.
  2. Convert website copies at 1080–1600 px / 80%.
  3. Do not replace the file you upload to Instagram with WebP unless the app accepts it (it usually wants JPEG).

Settings that work

Feed 1080 px. Stories 1080×1920 — convert if they appear on the web; for the app, follow the network.

Convert a batch in your browser. Nothing is uploaded.

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

The apps expect JPEG/PNG. Use those there. Use WebP on your domain.

Pinterest is more web-like but still safest as JPEG for upload. WebP on your article.

Keep reading

SEO6 min read

OG tags and WebP

Use JPEG or PNG for og:image if you need reliable unfurls. Use WebP for on-page images.

Read more
Workflow6 min read

Canva to WebP

Canva PNG downloads are huge. Convert them to WebP before you upload to WordPress, Mailchimp landing pages or Webflow.

Read more
Workflow6 min read

Instagram photos to WebP

Do not embed the Instagram widget on a marketing site. Download the photos, convert to WebP, and host them yourself.

Read more