Docs
Image optimization & format guides
Deep, practical guides on image formats (AVIF, WebP, HEIC, SVG), compression, Core Web Vitals impact, and privacy concerns like EXIF metadata. Every doc is linked to the OpenImages tool that applies it in-browser.
Basics
EXIF metadata: inspect the file you actually share
Check location and camera metadata, keep an original and verify the exported copy.
April 17, 2026
PNG, JPG or WebP: choose with a downloadable example
Choose an image format for transparency, readable detail and destination compatibility. Inspect our source and encoded files.
April 17, 2026
Image Formats
HEIC to JPG: convert for a specific destination
Keep the HEIC original, check the exported still image and test the receiving application.
April 17, 2026
WebP and AVIF: compare outputs and keep a fallback
Measured files, reproducible settings and the actual boundaries of the browser tools.
April 17, 2026
Optimization
Images and Core Web Vitals: diagnose before compressing
Find the actual LCP element, reserve image space and verify changes without treating file-size savings as measured speed gains.
April 17, 2026
Optimise SVG while preserving appearance and accessibility
Measure the actual file and test geometry, references and accessible names after optimisation.
April 17, 2026
Guides
Remove a background: inspect the mask and the export
Check cutout edges, transparency and file format without assuming an automatic mask is exact.
April 17, 2026
Responsive Images with srcset — Explained Properly
srcset and sizes without the confusion. How the browser actually picks an image, what w vs x descriptors do, and the patterns that work in production.
April 17, 2026
Sponsored