← Hashito System home 日本語 Tools Blog Posters
Choose an image
Click to choose an image
or drag & drop an image file here (PNG, JPEG, GIF, WebP, BMP, etc.)
A preview of your image appears here.
File name: -
Dimensions: - Original size: -
How to use: pick an image, choose the target format, quality and background color on the right, then press "Convert" to update the preview and file size. Use "Download" to save. Images are never uploaded; everything runs in your browser.
Convert settings
85
Color used to fill transparent areas
Output format: - Output size: -
Change: -

Image formats explained — PNG vs JPEG vs WebP

An image's file extension reflects its format. The same-looking picture can differ in compression, file size, transparency support and compatibility depending on the format. Choosing the right one keeps quality high while reducing size, or preserves transparency and compatibility.

PNG (.png)

Lossless compression with no quality degradation on save. It supports transparency (alpha), making it ideal for logos, icons, diagrams and screenshots with crisp edges. Photos with many colors tend to become large.

JPEG (.jpg / .jpeg)

Lossy compression that shrinks photos with smooth color gradients. Lower quality means smaller files but visible block artifacts if pushed too far. There is no transparency, so transparent pixels are filled with a background color.

WebP (.webp)

A modern format from Google supporting both lossless and lossy modes, usually smaller than JPEG/PNG, with transparency and animation. Supported by modern browsers, though some older environments and apps do not read it. Great for reducing delivery size on the web.

How this tool works

Your image is drawn onto a <canvas> and re-encoded with canvas.toBlob(type, quality). When converting to JPEG, transparent areas are filled with your chosen background color first. Everything happens in your browser; images are never sent to a server.

Tip: keep transparency with PNG or WebP, shrink photos with JPEG or WebP, and prioritize the smallest web delivery with WebP.

FAQ

Are my images uploaded to a server?

No. Conversion runs entirely in your browser using the Canvas toBlob API. Selected images are never sent to or stored on a server, so you can safely convert confidential or personal images.

When should I use PNG, JPEG or WebP?

PNG is lossless and supports transparency, ideal for logos, icons, diagrams and screenshots. JPEG uses lossy compression and is great for shrinking photos, but has no transparency. WebP supports both modes and is usually smaller. Use WebP for web delivery, or JPEG/PNG when compatibility matters.

What happens to transparency when converting to JPEG?

JPEG has no alpha channel, so transparent areas are filled with a background color. You can pick that color here (default white). Choose PNG or WebP if you need to keep transparency.

📖 Free learning posters →