SerpCrest
100% private

Image Converter: AVIF, WebP & Resize

Convert JPEG, PNG and WebP to AVIF or WebP, resize and compress in your browser, then copy the picture HTML. Nothing is uploaded.

Convert to AVIF or WebP, resize to a width, and get the <picture> HTML with width, height and lazy loading filled in. Metadata is removed as a side effect of redrawing every image.

0
Images uploaded
30
Max per batch
4
Output formats
100%
Runs in your browser
Image converterRuns locally

    How it works

    1

    Drop your images

    JPEG, PNG, WebP, AVIF, GIF or BMP, up to 30 at once. They are opened in your browser and never uploaded.

    2

    Pick a format and size

    AVIF for the smallest files, WebP for the widest support, or the AVIF + WebP + JPEG set for a <picture> element. Resize to a width as you go.

    3

    Download and paste

    Download each file or a ZIP of all of them, compare before and after, and copy the HTML with width, height and lazy loading filled in.

    Questions

    For photos AVIF is usually the smaller of the two at the same visual quality, often by 20 to 30 percent. WebP encodes faster and has been supported for longer. Serving both through a <picture> element, with JPEG as the fallback, covers every browser.

    Current versions of Chrome, Edge, Firefox and Safari all display AVIF. Older browsers do not, which is why the AVIF + WebP + JPEG set and its <picture> snippet exist: each browser picks the first format it understands.

    No. Decoding, resizing and encoding all happen in your browser tab. AVIF and WebP use the open-source Squoosh encoders compiled to WebAssembly, which download once when you first convert to those formats.

    Yes. Every image is redrawn from its pixels before it is encoded, so EXIF data, GPS location, camera details and embedded text do not carry over. Use the EXIF & Metadata Remover first if you want to see what an image contains.

    PNG is lossless, so a photo saved as PNG is usually larger than the JPEG it came from. Use PNG for screenshots, logos and graphics with sharp edges, and AVIF or WebP for photos.

    Infographics and charts still earn links when other sites embed them, as our post on image backlinks explains, though that is a different job from being cited in AI answers. Before you share the page, check its preview with the meta and OG validator.

    Related tools

    All 31 tools →

    Run this on every link you own.

    SerpCrest re-checks the placements in your projects every week and tells you when one breaks or disappears.