Resize AVIF

How to Resize AVIF Images Online

1. Choose Your AVIF Files: Drag and drop AVIF images onto the page or click "Choose AVIF files" — up to 50 at once. The first photo opens in the editor and the rest line up as thumbnails below it; with two or more photos open, "Add more" adds files to the same batch.
2. Set the New Size: In Resize, type a "Width" or "Height" in pixels or percent — with "Keep aspect ratio" on, the other side follows — or pick a "Size preset" (percent of original, a target height, or a platform size such as an Instagram post). The size applies to every photo in the batch.
3. Pick the Output Format (Optional): "Save as" keeps "Same as original" or saves as JPG, PNG, WebP or another format. For JPG, WebP and AVIF output, the "Quality" slider (40–100) trades file size against detail. Resize, Crop, Rotate and Flip all work in the same session, and "Undo" steps back.
4. Download: Click the Download button, which names the output format (for example "Download PNG"), for one photo, or "Download all (.zip)" for a batch — "Download one by one" saves the files separately. The editor opens AVIF files right in your browser whenever your browser can decode them, so those files are not uploaded. A file it can't decode is either processed on our servers and deleted automatically afterward — the editor says so before you download — or skipped with a note. No sign-up, no watermark.

Why Resize AVIF Images?

AVIF is the AV1-based image format finalized in 2019 — typically 30-50% smaller than JPG and 20% smaller than WebP at matched quality, with 10/12-bit HDR, wide-gamut, alpha, and animation support. It is supported in Chrome 85+, Firefox 93+, Safari 16.4+, and Edge 121+. Resizing remains the single biggest perf win for AVIF-served pages: encoding is efficient, but a 4000-pixel-wide hero still wastes bandwidth on a phone. Resize first, then compress — that order produces the smallest, sharpest result. Common reasons to resize:

• Faster page loads on AVIF-served sites — A 4000 × 3000 photo dropped into a 1920-wide hero wastes roughly 75% of the bytes. Resizing to actual display size beats every other optimization, even AVIF's already-aggressive encoder.
• Responsive image srcset — Generate 320 / 640 / 1024 / 1920 variants of one master AVIF for <img srcset>. Each viewport gets the right size — no over-downloading on phones, no upscaling on desktops.
• Social media platform specs — Instagram square (1080 × 1080), Stories (1080 × 1920), X header (1500 × 500), LinkedIn cover (1584 × 396). Most platforms transcode AVIF to JPG on upload, so resize first and let their pipeline handle the re-encode.
• E-commerce thumbnail grids — Marketplace galleries serve 200 × 200 or 400 × 400 thumbnails. Pre-resizing a master AVIF beats letting the browser scale a full-resolution file every grid render.
• Email and chat size limits — Gmail caps attachments at 25 MB; Discord at 20 MB on free tiers and 50 MB on Nitro Basic; Slack at 1 GB but throttles previews above 5 MB. A 4K AVIF resized to 1280 px wide drops 75-90% of bytes.
• Phone wallpaper sizing — Resize to your device's resolution (2796 × 1290 for iPhone 15 Pro Max, 1344 × 2992 for Pixel 8 Pro) so the OS does not jagged-scale on first paint.

Resize Modes — When to Use Which

Common Output Sizes for Web

Frequently Asked Questions

Will resizing reduce AVIF image quality?

Downscaling preserves quality very well — you are discarding pixels you would not have rendered anyway, and AVIF's encoder is efficient at smaller sizes. Upscaling has to invent pixels by interpolation and softens the result; for upscales beyond 2× a dedicated AI upscaler does better than this tool. For any downscale and modest upscale (up to 2×), standard resampling produces clean results.

Will transparency and HDR be preserved?

Transparency, yes; HDR, no. The alpha channel resamples alongside the color channels and is kept when you save as AVIF, PNG, WebP or TIFF (GIF keeps only hard-edged transparency; JPG and BMP flatten it onto white). The editor works in 8 bits per channel in sRGB, so a 10/12-bit or HDR source is saved as 8-bit sRGB, and wide-gamut color (BT.2020, Display P3) and HDR metadata (PQ / HLG) are not kept. Keep the original if you need the HDR version.

Should I use lossless or lossy AVIF?

This editor writes lossy AVIF only — there is no lossless AVIF mode; the "Quality" slider (40–100, default 85) sets the trade-off. For a pixel-exact copy of a graphic, screenshot, line art or logo, save as PNG instead. Lossy AVIF suits photographs: it is typically 30-50% smaller than equivalent WebP and holds up better than JPG and WebP at very low bitrates, so the low end of the slider is still usable for non-critical thumbnails.

Can I resize animated AVIFs?

Not as an animation. The editor reads an animated AVIF as one still image, so a resized one is saved as a single still frame, not an animated AVIF. If the source is a still image saved with the .avif extension, it resizes normally.

Will the file size shrink in proportion to the dimension change?

Roughly, but not exactly. Halving width × height = 1/4 the pixel area, which usually translates to 70-80% smaller file. Halving only one dimension cuts pixel count in half and file size by ~40-60%. Cropping is more aggressive than resizing for shrinking — see Crop AVIF.

My viewer or editor cannot open AVIF — should I resize before converting?

Resize and convert in a single step. AVIF to JPG and AVIF to PNG both let you set output dimensions on the way out. Combining is more efficient than resize-then-convert, since the conversion step has to re-encode anyway. AVIF support landed in Chrome 85, Firefox 93, and Safari 16.4 — older browsers and many native apps still need the JPG fallback.

Can I batch resize many AVIFs to the same size?

Yes — drop up to 50 AVIF files at once (a mixed batch works too). The size, format and quality you set apply to every file in the batch; "Download all (.zip)" saves every resized result in one ZIP, and "Download one by one" saves them separately.

Does DPI matter when I resize?

DPI only matters for print; screens ignore it and draw by pixel count. This editor sets pixel size, not a DPI value, so work out the pixels you need instead: inches × 300 for photo prints (a 6 × 4 in print = 1800 × 1200 px), about 150 per inch for posters and banners seen from a distance, and the platform's pixel size for web and social. Your print or layout software then sets the DPI.