Workflow6 min read·Updated

Put Instagram Photos on Your Site as WebP

The Instagram embed brings a JavaScript kit and tracking. If you want the photos, save them, convert to WebP at 1080 px / 80%, and use a native gallery. Faster, private, and you control crop and alt text.

Embeds are convenient and expensive

An embed can add hundreds of KB of JS plus their images. A native WebP gallery is a few img tags.

Why it matters

  • Lighthouse 'third-party' audits.
  • GDPR-sensitive regions.
  • Broken embeds when the post is deleted.

How to do it

  1. Save the images you have rights to.
  2. Convert 1080 px / 80% (Instagram's native width).
  3. Build a simple CSS grid. Write real alt text.

Settings that work

Portraits 1080×1350: cap width 1080. Carousel: convert each frame.

Convert a batch in your browser. Nothing is uploaded.
Open the converter

Put it into practice

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

Open the converter

Frequently asked questions

Only if you own them or have a licence. This is a technical guide, not a rights guide.

Same convert step if you host them. Otherwise leave them in the app.

Keep reading

Workflow6 min read

Social images

Instagram and Facebook still want JPEG/PNG uploads. Convert the copies that live on your website to WebP.

Read more
Performance6 min read

Lazy load WebP

Native lazy loading is good for below-the-fold WebP and bad for the hero. How to combine both.

Read more
SEO6 min read

Alt text best practices

Alt text does not change because the file is WebP. How to write it, when to leave it empty, and how it works with conversion.

Read more