画像圧縮
画質と形式を指定して、ブラウザ内で画像を圧縮します。
Select an image to start.
Original
Compressed
What is Image Compressor?
Image Compressor reduces the file size of images directly in your browser by adjusting output quality and format. No upload to a server — your images are processed locally using the browser's Canvas API.
How to use
- Click Choose Image and select a JPEG, PNG, or WebP file.
- Adjust the quality slider (lower = smaller file, less detail).
- Optionally select an output format (JPEG, WebP).
- Click Compress and download the result.
Notes
- JPEG and WebP use lossy compression. Some image quality is lost at lower settings.
- PNG compression is lossless — switching a PNG to WebP may give better size reduction.
- WebP typically produces 25–35% smaller files than JPEG at the same visual quality.
- Compression is done in your browser. Images are never sent to a server.
FAQ
- What quality setting should I use?
- 80–85% quality is a good starting point for web use — it produces noticeably smaller files with minimal visible quality loss. Go lower for thumbnails or background images where fine detail matters less.
- Should I use JPEG or WebP?
- WebP is supported by all modern browsers and typically produces smaller files. Use JPEG for maximum compatibility with older systems or when WebP support is uncertain.
- Does compression affect image dimensions?
- No. This tool compresses quality only, not dimensions. Use the Image Resizer tool to change width and height.
概要
画質を調整しながら画像をブラウザ内で圧縮します。サーバーへのアップロードは一切ありません。SNS投稿・メール添付・Web公開前のファイルサイズ削減に便利です。
使い方
- 画像ファイルを選択またはドロップします。
- 品質スライダーを調整し、出力サイズの目安を確認します。
- 圧縮された画像をダウンロードします。
使用例
-
ブログ用写真
入力: 4 MB のJPEG写真
出力: 品質80%で数百KBに。見た目の差はほぼなし
-
Webバナー
入力: PNGのスクリーンショット
出力: ページ表示を速くする軽量なWebP版
補足
- 処理はCanvas APIによるローカル実行で、画像は端末の外に出ません。
- PNGは可逆圧縮のため、WebPやJPEGへの変換のほうが大きく削減できることが多いです。
- WebPは同等画質のJPEGより一般に25〜35%小さくなります。
よくある質問
- 品質はどのくらいに設定すべきですか？
- Web用途なら80〜85%が出発点として最適です。見た目の劣化を抑えつつ大きく削減できます。
- PNGがあまり小さくならないのはなぜ？
- PNGは可逆圧縮だからです。出力形式をWebPやJPEGに切り替えると大きく削減できます。
- 画像はアップロードされますか？
- されません。Canvas APIを使いブラウザ内だけで圧縮します。
Embed this tool
Paste this iframe into any HTML page to embed 画像圧縮 on your site: