Convert images to JPG, PNG or WebP

What this tool does

The tool reads pictures in JPG, PNG, WebP, AVIF, GIF, BMP and SVG format and writes them as JPG, PNG or WebP. The pixel size stays the same. Files are recognised by their content, so a picture with a wrong file ending is still read correctly.

Reading is done by the picture decoders built into your browser, so the tool reads what current browsers read: AVIF needs Chrome 85, Firefox 93, Safari 16.4, Edge 121 or later; GIF gives its first frame; SVG is drawn at the size it declares. TIFF and HEIC are not read, because Chrome, Edge and Firefox cannot decode them.

How to use it

1. Choose the pictures, or drop them on the marked area.
2. Choose the format under Convert to.
3. For JPG and WebP, set the quality. 90 is preselected.
4. For JPG, choose the colour that transparent areas get. White is preselected.
5. Start, then download single files from the list or all of them as one ZIP archive.

How the result is produced

Each picture is decoded to pixels and written again by the encoder of your browser. For JPG and WebP the quality from 1 to 100 is handed to the encoder as a value between 0.01 and 1. PNG is always written without loss, which is why the quality setting disappears when you choose PNG.

JPG cannot store transparency. When a picture with transparent areas is converted to JPG, the tool first fills the background with the chosen colour, white unless you change it, and draws the picture over it; half-transparent pixels are blended with that colour.

An SVG is a drawing, not a grid of pixels. It is drawn at the width and height written in the file, with 96 pixels per inch for sizes in cm, mm, in or pt (the CSS reference pixel). If only a viewBox is given, its width and height count as pixels; with no size at all, the CSS default of 300 × 150 pixels applies. Pictures and fonts that the SVG links from other files or websites are not loaded, because browsers load nothing for an SVG shown as a picture: Safari leaves the place of such a picture empty, Chrome draws a small broken-picture symbol there, and text falls back to a font of the device.

Animated GIF, WebP and PNG files become a still picture of their first frame, as the HTML standard specifies for pictures drawn this way. The list marks such files.

Only the pixels are written; metadata of the original, such as the camera model or a GPS position, is not copied. The result has the name of the original with the new file ending.

Worked example

A logo is a PNG of 600 × 200 pixels with a transparent background, and an upload form accepts only JPG.

Converted to JPG, the picture is still 600 × 200 pixels, and the transparent background is white. If the logo is meant for a coloured background, the white box will be visible there: choose the colour of that background instead, or use WebP, which keeps the transparency, provided that the form accepts it.

An SVG icon declares width="4cm" and viewBox="0 0 40 20". 4 cm are 4 ÷ 2.54 × 96 ≈ 151.2 pixels, so the width is 151 pixels; the height follows from the viewBox: 151.2 × 20 ÷ 40 ≈ 75.6, rounded to 76. Converted to PNG in Chrome, the 120-byte SVG became a 151 × 76 pixel PNG of 639 bytes.

What to expect from each direction

Common mistakes

• Converting to PNG to improve a blurry JPG. Lost detail does not come back.
• Converting a screenshot with text to JPG at a low quality. Text gets smeared edges. Keep PNG for such pictures.
• Renaming a file instead of converting it. Changing the ending from .png to .jpg does not change the content.
• Deleting the original after a lossy conversion. Keep it until you are sure the result is good enough.
• Converting a small SVG icon and expecting a large picture. It is drawn at the size it declares; enlarge the PNG afterwards with the resize tool, or change the width and height in the SVG first.