Skip to main content
ToolMaple

Image Converter (JPG, PNG, WebP)

Convert images between JPG, PNG and WebP in your browser, one or many at a time.

Last updated:

80 to 90 looks almost identical to the eye and is much smaller. PNG is lossless, so this slider does not apply to it.

Drop images here or choose files

Up to 50 images at a time, 10 MB each

No images selected yet

What converting does, and why renaming the file does not

Each job has a format that suits it: photographs in JPG, anything with a transparent background in PNG, images on a web page increasingly in WebP, which is usually the smallest of the three at a comparable quality. The trouble is that you rarely get to choose what you are handed. Phone cameras produce JPG or HEIC, macOS screenshots are PNG, and the upload form in front of you wants something else.

The most common mistake is renaming photo.png to photo.jpgand hoping. The extension is only a label. The bytes inside still start with the PNG signature, and any program that reads the header instead of the name will notice at once. That is where “this is supposed to be a JPG but it will not open” comes from, and why an upload form can reject a file that looks correct in your file manager.

A real conversion decodes the image back into pixels and encodes those pixels again in the target format, which is what this page does: the browser draws your image onto a canvas and exports it as JPG, PNG or WebP. Nothing is uploaded. Because it is a genuine re-encode, quality is a decision you cannot avoid. JPG and WebP are lossy, so the encoder needs a number telling it how much detail it may discard, which is what the slider under the format menu sets, at 90 by default. PNG is lossless, so the slider disappears when you pick it, and the pixel dimensions never change either way.

Which format, and which quality, for which job

Picking the output format:

  • Images for a website: WebP. It has lossy and lossless modes, keeps transparency, and is the smallest of the three at a comparable quality, which helps your Largest Contentful Paint.
  • Anything with a transparent background: PNG or WebP. JPG has no alpha channel, so transparency cannot be preserved, only filled in.
  • Photographs where file size matters: JPG. Decades of tuning went into making its artifacts invisible on photographic detail.
  • Screenshots, text, diagrams and line art: PNG. Lossy compression puts halos around hard edges, which is most of what a screenshot contains.
  • Maximum compatibility with old software: JPG.

Conversions people actually come here for:

  • HEIC to JPG or PNG: iPhone photos that Windows and many Android apps will not open. This depends on the browser being able to decode HEIC, which in practice means Safari on an Apple device. See the platform notes below.
  • PNG to WebP: hero images and blog thumbnails, where a PNG exported from a design tool is often several times larger than it needs to be.
  • Screenshot PNG to JPG: when an email attachment limit or a support portal is refusing the file for size.
  • WebP to JPG or PNG: an image saved from a modern site that older desktop software or an office suite will not accept.
  • A folder of mixed exports: everything normalized to one format in a single batch, downloaded as one ZIP.

Where to leave the quality slider: for photos and screenshots, 80 to 90 typically halves the file with no visible difference. Use 100 for an archive copy you intend to edit again. Below about 80, text, line art and large flat areas of color start to show noise around the edges, and for those PNG is a better answer than a lower quality number. The slider only re-runs the batch when you let go of it, so dragging stays smooth.

The three formats side by side

FormatCharacteristicsBest for
JPGLossy, no transparency, opens anywherePhotos, attachments, upload forms
PNGLossless, supports transparency, larger filesLogos, icons, screenshots, line art
WebPLossy or lossless, supports transparency, usually the smallestImages on a web page

Convert one image, and shrink it while you are there

  1. Choose the output format first. It applies to every file in the list, not one file at a time.
  2. If you picked JPG or WebP, the quality slider appears underneath. Leave it at 90 unless you already know you want something else.
  3. Drag the image into the dashed box, or use the file picker. On a phone, tapping it opens your photo library or file app.
  4. Read the row that appears: original size on the left, target format in the middle, converted size on the right. The thumbnail is the converted result, so open it to check the quality.
  5. Not happy? Move the slider. When you release it, the batch is converted again from the files you dropped in, so repeated adjustments never stack up compression damage.
  6. Click the download icon on the row. The file keeps its original name with the new extension.

Convert a whole folder and take away one ZIP

  1. Drag in the whole folder of images at once. The suggested limit is 50 files of up to 10 MB each; anything larger is skipped, and a message tells you how many were dropped and why.
  2. A progress line shows how many are done. All of it runs on your own machine, so the speed depends on the device and the pixel dimensions, not on your connection.
  3. The summary line then gives the total and the number converted. Anything that failed is marked in red with the reason on its own row; the usual cause is a format this browser cannot decode.
  4. Check the format and quality are what you want, then press Download all as ZIP. Inside, each file keeps its original name with the new extension, and duplicate names get a numeric suffix so nothing is overwritten.
  5. Press Clear to start over, or remove individual rows with the button at the end of each one.

Changing the format or the quality partway through does not mean picking the files again. The tool keeps the originals and re-runs the batch from them, so you can try three quality settings without ever converting a converted file.

Getting the converted images where they need to go

  • One file: the download icon on its row. It lands in your browser’s download folder, named after the original.
  • The whole batch: Download all as ZIP gives you an archive named after the site and the date. Windows has Extract All built in; macOS unpacks it on a double click.
  • iPhone and iPad: Safari downloads go to the Downloads folder in the Files app, not to Photos. To put an image back in your library, open it in Files, share it and choose Save Image. Tapping a ZIP in Files expands it in place.
  • Android: files usually land in the Download folder, which your file manager app opens.
  • Into HTML, CSS or Markdown: a converted image can be inlined as a data URL instead of shipped as a separate request. See image to Base64.

Download before you close the tab. The results only exist in that page’s memory, so a reload throws them away, and no copy is kept anywhere else.

Where behavior differs by browser and platform

  • HEIC needs a browser that can decode it. In practice that is Safari on an iPhone, iPad or Mac. Open this page in Chrome on Windows or Android and HEIC files will fail to read. This is a browser capability, not a restriction of this site. The reliable workaround is on the phone: Settings, Camera, Formats, Most Compatible captures JPG instead.
  • WebP support is broad but not universal. Chrome, Firefox and Edge have supported it for years, and Safari added it in version 14, alongside iOS 14 in 2020. If a file has to open in much older software or an old office suite, choose JPG.
  • Social and messaging apps re-encode what you upload. Most compress with their own settings, so the quality you choose here decides the file on your device, not necessarily what the recipient sees. Sending it as a file attachment rather than as a photo usually preserves more.
  • Upload forms often accept JPG and PNG only. Bank, government and insurance portals tend to list the accepted types and a maximum size, and many still do not recognize WebP. Follow the form’s own stated rules, and convert to JPG when in doubt.
  • Print work is a different pipeline. Commercial printers want CMYK at a print resolution, and a browser canvas outputs sRGB, so follow the file specification your printer publishes.

Limits worth knowing before you convert

  • PNG to JPG: transparent areas are filled with white, because JPG has no alpha channel.
  • JPG to PNG: the file usually gets larger, and the detail the JPG already discarded does not come back. Only worth it when you need transparency or a lossless master.
  • To WebP: smallest of the three in most cases, and it keeps transparency, but confirm that wherever the file is going accepts it.
  • No AVIF: it compresses better again, but encoding support in browsers is narrower than for WebP, so it is not offered here.

EXIF metadata is dropped. Re-encoding produces a clean file with no capture date, camera model or GPS coordinates. Useful before posting a photo publicly, but the wrong tool when the metadata is the point.

Animations keep only the first frame. An animated GIF or animated WebP drawn onto a canvas yields a single frame, so the output is a still image. Pixel dimensions are never changed either: this page does not resize or crop. To shrink the dimensions as well, use the image compressor.

Lossy to lossy compounds. JPG to WebP and back to JPG re-compresses twice, and the detail lost on the first pass is gone. When you are experimenting, always go back to the original file rather than converting a converted one.

Everything stays on your device. The browser decodes the image, draws it on a canvas and encodes it again, which is the local equivalent of Save As. No server here receives images, so scans of documents and contracts are no more exposed than in your own file manager.

Frequently asked questions

Why did my transparent background turn white in the JPG?

JPG has no alpha channel, so transparency cannot survive the conversion. This tool paints the transparent areas white before encoding, because the alternative in a canvas is solid black. If you need the transparency, convert to PNG or WebP instead; both support an alpha channel.

Why is my WebP bigger than the JPG I started with?

Because the JPG was already compressed. Re-encoding an image that was saved at a low quality setting gives WebP nothing left to squeeze, and the container overhead can make the result slightly larger. WebP pays off when the source is a PNG or a high quality JPG. If the output is bigger, keep the original.

Does converting lose quality?

Converting to JPG or WebP re-encodes the pixels with a lossy codec, so yes, some detail is discarded. That is why there is an output quality slider under the format menu, set to 90 by default. PNG is lossless and ignores the slider. The tool never changes the pixel dimensions, so the image keeps its original width and height.

What output quality should I pick?

The slider runs from 50 to 100 in steps of 5 and starts at 90. For photos and screenshots, 80 to 90 usually halves the file with no difference most people can see. Use 100 when the file is an archive copy you will edit again. Text, line art and large flat areas of color show artifacts first, so for those either stay above 90 or choose PNG.

How many images can I convert at once, and how do I get them?

Drop in as many as you like; the suggested limit is 50 files of up to 10 MB each, and anything larger is skipped with a message telling you how many were dropped. When the batch finishes, use Download all as ZIP. Each file keeps its original name with the new extension, and duplicates get a numeric suffix so nothing is overwritten.

Can it convert HEIC photos from an iPhone?

Only where the browser itself can decode HEIC, which in practice means Safari on an iPhone, iPad or Mac. On Windows or Android the browser cannot read the file and those rows report a read failure. The workaround is to set Camera, Formats to Most Compatible on the iPhone so photos are captured as JPG, or to open this page in Safari on an Apple device.

Why is there no AVIF option?

AVIF compresses better than WebP, but browser support arrived later and encoding support in the canvas API is not as widely available as it is for WebP, so an AVIF option would fail on many devices. WebP is the format this tool offers for the smaller file. Check the current state of support for your own browser version before committing to AVIF.

Is the EXIF data kept?

No. The image is decoded into pixels and encoded again, so the output is a clean file with no capture date, camera model, lens or GPS coordinates. That is useful before posting a photo publicly, but it means this is the wrong tool if you need the metadata preserved.

What happens to an animated GIF or animated WebP?

Only the first frame survives. Drawing an animation onto a canvas captures a single frame, so the output is a still image. If you need the animation, use a tool built for video and animated formats.

Are my files uploaded to a server?

No. Decoding and encoding both happen in your browser through the canvas API, and this site has no upload endpoint for images. The files and the converted results live only in the memory of that tab, so closing or reloading the page discards them. Download what you need before you leave.

Sources

  • MDN, HTMLCanvasElement.toBlob() (the API this page uses to produce each file, including the note that the quality argument applies to lossy formats such as JPG and WebP).
  • MDN, Image file type and format guide (what each format supports, including transparency and animation).
  • Google, WebP (the lossy and lossless modes and alpha channel support).
  • Browser support for HEIC, WebP and AVIF changes with each release, so treat the version notes above as true at the time of writing and check against your own browser. The formats and size limits an upload form accepts come from that service’s own published rules.

More image tools

If the format is already right and the file is simply too heavy, the image compressor reduces the dimensions as well as the quality and shows you the saving per file. To embed a small image directly in HTML or CSS, convert it to a data URL with image to Base64. And if you are matching an image to a palette, the color converter moves between HEX, RGB and HSL.

Related tools

Privacy: images are decoded and re-encoded entirely in your browser through the canvas API. No file, file name or thumbnail is sent to a server, and this site has no endpoint that receives images. Closing the tab discards the originals and the converted results together.