artisan.dev

Image Converter — PNG, JPG, WebP

Drop an image or click to browse
PNG · JPEG · WebP · GIF · BMP · SVG raster

How to convert images between PNG, JPG and WebP

This image converter re-encodes an image as PNG, JPEG or WebP directly in your browser using the Canvas API. Choose a file, pick the output format, adjust quality for JPEG and WebP, and download the result — with the new file size shown so you can see how much you saved.

Unlike most online converters, your image is never uploaded. That matters for screenshots of internal dashboards, documents, ID scans and anything else you wouldn't post publicly.

How to use it

  1. Click to choose an image or drag it onto the drop area. Any format your browser can display works as input — PNG, JPEG, WebP, GIF (first frame), BMP, SVG and, in Safari, HEIC.
  2. Choose the output format: JPEG, PNG or WebP.
  3. For JPEG and WebP, set the quality (10–100%). Around 80% is a good balance for photos.
  4. Convert, check the resulting size, and download the file.

Which format should you choose?

FormatCompressionTransparencyBest for
JPEGLossyNoPhotos and complex images where small size matters
PNGLosslessYesScreenshots, UI, diagrams, text, logos — anything with sharp edges
WebPLossy or losslessYesWeb pages: typically 25–35% smaller than JPEG at similar quality

WebP is supported by every current browser, so it's usually the best choice for images on a website. Keep PNG for screenshots that contain text, where JPEG's compression creates visible smudges around letters. Use JPEG when the destination doesn't accept WebP — some email clients, older CMSs and document tools.

Things to know

  • Transparency becomes a solid background in JPEG, because JPEG has no alpha channel. Use PNG or WebP to keep transparent areas.
  • Metadata is removed. Canvas re-encoding drops EXIF data such as camera details and GPS location — useful for privacy before sharing a photo. It also means orientation and colour-profile metadata isn't carried over.
  • SVG is rasterised. Converting an SVG produces a bitmap at the image's natural size; it won't stay a vector.
  • Animated GIFs become still images — only the first frame is kept.
  • Converting to PNG doesn't restore quality. A JPEG saved as PNG keeps its compression artefacts and usually gets bigger.
  • Very large images (tens of megapixels) can exceed browser canvas limits, especially on mobile devices.

Making images smaller for the web

Format is only part of the story. For the biggest savings, resize images to the largest size they'll actually be displayed at before converting — a 4000-pixel-wide photo shown at 800 pixels wastes most of its bytes. Then convert to WebP at 75–85% quality, and serve it with <img loading="lazy" width="…" height="…"> so it doesn't block the page or shift the layout.

To embed a tiny icon directly in CSS or HTML, convert it and then Base64-encode it into a data URI with the encoder. To compare file sizes in KB vs KiB, use the data size converter.

Frequently asked questions

Are my images uploaded to a server?

No. The image is decoded and re-encoded by your browser's Canvas API on your own device. Nothing is transmitted.

Will converting to WebP reduce quality?

At quality settings around 80% or higher, the difference is usually invisible for photos while the file is much smaller. Lower settings trade more quality for size.

Why did my transparent PNG get a background?

JPEG doesn't support transparency, so transparent pixels are filled in. Choose PNG or WebP as the output to keep transparency.

Does it remove EXIF and GPS data?

Yes. Re-encoding through a canvas writes only pixel data, so camera metadata and location are not included in the converted file.

Related tools