What does this image converter do?
This tool converts images between JPG, PNG, WebP, and AVIF directly in your browser using the Canvas API. Drop in files from a wider range of formats - including GIF, SVG, BMP, and HEIC where your browser can read them - and export clean, correctly-sized JPG, PNG, WebP, or AVIF files without uploading anything to a server.
Choosing an output format
- JPG - best for photos where small file size matters and transparency isn't needed. Lossy, adjustable quality.
- PNG - lossless and supports transparency. Best for screenshots, logos, and graphics with flat colors or sharp edges.
- WebP - supports both lossy and lossless compression plus transparency, usually producing smaller files than JPG or PNG at similar quality. Well supported by modern browsers.
- AVIF - the newest format here, often achieving the smallest file size at a given quality. Encoding support varies by browser; the tool detects this automatically and disables AVIF if your browser can't produce it.
Not sure which to pick? Once you load an image, the tool shows a short recommendation based on whether the source has transparency and how the two formats typically compare for that kind of image.
Transparency and background color
PNG, WebP, and AVIF can all store transparent pixels, but JPG cannot. When you convert an image with transparency to JPG, the transparent areas are filled with the background color you choose - a preset swatch or any custom color. If you convert to PNG, WebP, or AVIF instead, existing transparency is preserved and the background color option is hidden since it isn't needed.
Reading GIF, SVG, and HEIC files
Browsers can decode more formats than they can encode. This tool reads GIF (as a static frame of the first image), SVG (rasterized at its natural or viewBox size), and BMP in every modern browser. HEIC is only readable in browsers that support it natively, mainly Safari - if your browser can't decode a HEIC file, that row shows a clear error instead of a fake result. None of these three can be produced as output, since browsers don't provide an encoder for GIF, SVG, or HEIC - convert into JPG, PNG, WebP, or AVIF instead.
How the quality slider works
For JPG, WebP, and AVIF, the quality setting (1-100) controls lossy compression:
- 85-95 - excellent visual quality with solid size savings, good for most photos.
- 60-84 - noticeably smaller files, suited to thumbnails and previews.
- 96-100 - near-lossless, useful for images you'll re-edit or print.
PNG output is always lossless, so the quality slider is hidden when PNG is selected.
How to convert images
- Drop one or more images onto the drop zone, or click Browse files.
- Pick an output format - JPG, PNG, WebP, or AVIF.
- Adjust quality if converting to a lossy format, and set a background color if transparency needs to be filled.
- Click Convert. Each row shows its status and resulting size as it finishes.
- Preview the before/after, then download a file individually or grab everything as a ZIP.
Common uses
Shrinking photos for the web
Convert camera photos or large PNGs to WebP or AVIF to cut file size while keeping visual quality, speeding up page loads.
Preparing logos and graphics
Convert flat-color graphics or screenshots to PNG to keep sharp edges and transparency, or to WebP for a smaller lossless file.
Compatibility fallbacks
Convert a newer format like AVIF or WebP back to JPG or PNG for tools and platforms that don't yet accept them.
Frequently asked questions
Which image formats can this converter read and write?
It can read JPG, PNG, WebP, AVIF, GIF, BMP, and SVG in every modern browser, plus HEIC in browsers that support decoding it (mainly Safari). It can write JPG, PNG, WebP, and AVIF - browsers cannot encode canvas images back into GIF, SVG, or HEIC, so those two are read-only source formats.
What happens to transparency when converting to JPG?
JPG has no transparency channel, so any transparent pixels are filled with the background color you choose before encoding. Converting to PNG, WebP, or AVIF instead keeps the original transparency intact.
Why is the AVIF button disabled?
Not every browser can encode AVIF yet. The tool tests this automatically when the page loads and disables the AVIF option if your browser can only decode it, not produce it.
Why won't my HEIC photo load?
HEIC decoding isn't built into most browsers besides Safari. If a HEIC file fails to load, try opening it in Safari, or export it as JPG or PNG from your phone or photo app first.
Are my images uploaded anywhere?
No. Loading, converting, and previewing all happen in your browser using the Canvas API. Nothing is sent to a server.
Is there a limit to how many images I can convert?
No limit. Files are processed one at a time so memory stays low even with large batches.