Image Compressor — Compress PNG, JPEG & WebP Online
Compress PNG, JPEG, and WebP images in your browser. Reduce file size by up to 90% without visible quality loss.
Drop images here (up to 20)
or click to select
About Image Compressor — Compress PNG, JPEG & WebP Online
Image Compressor reduces file size of JPEG and PNG images using quality optimization and lossless/lossy compression techniques. Optimize images for faster web loading without a noticeable drop in visual quality.
How to Use
- 1Select or drag and drop your JPEG or PNG image.
- 2Adjust the quality slider to balance compression and image quality.
- 3Click "Compress" and download the optimized image.
Features
- Reduce image file size by up to 80% for faster page loads
- Adjustable quality for the right size/quality balance
- Compare original vs. compressed previews side by side
- Browser-based processing — no file upload to servers
画像圧縮の基礎知識とWeb最適化
画像ファイルのサイズはWebサイトの表示速度に直結します。GoogleのPageSpeed InsightsやCore Web Vitalsでも「適切なサイズの画像」は重要な評価項目です。画像圧縮を行うことでユーザー体験の向上とSEO改善を同時に実現できます。
ロッシー圧縮とロスレス圧縮の違い
ロッシー（非可逆）圧縮はJPEGやWebPで使われる方式で、人間の目に感知されにくい情報を削除してファイルサイズを大幅に削減します。ロスレス（可逆）圧縮はPNGで使われ、画質を完全に保ったまま重複データを効率化します。写真にはロッシー、ロゴやアイコンにはロスレスが適しています。品質80〜85%のJPEGは視覚的にはほぼオリジナルと区別がつかず、ファイルサイズを大幅に削減できます。
WebP形式が推奨される理由
WebPはGoogleが開発した次世代画像形式で、ロッシー・ロスレスの両方に対応しています。同等の画質でJPEGより25〜35%、PNGより26%程度ファイルサイズが小さくなります。Chrome・Firefox・Safari・Edgeなど主要ブラウザはすべてWebPに対応しており、2025年時点でサポート率は96%以上です。新規サイトの画像はWebPを第一選択として検討してください。
Core Web Vitalsと画像最適化の関係
GoogleのLCP（Largest Contentful Paint）はページ上の最大コンテンツの表示速度を測ります。多くの場合、最大コンテンツはヒーロー画像やメインビジュアルです。画像を圧縮してファイルサイズを削減するとLCPスコアが改善し、検索順位にも好影響を与えます。LCPの目標値は2.5秒以内です。また、適切に圧縮された画像は帯域幅の節約にもなり、モバイルユーザーの体験向上につながります。
用途別・画像形式の選び方と圧縮設定
画像の用途によって最適な形式と圧縮設定は異なります。写真・ロゴ・アイコン・背景画像など、それぞれに合った設定を選ぶことで最大限の効果が得られます。
写真・バナー：JPEGまたはWebP
色数が多く細部のあるフルカラー写真にはJPEGまたはWebPが最適です。Webサイト掲載用は品質80〜85%、SNS投稿用は85〜90%が目安です。ヒーロー画像のような大きな画像は100KB以下を目指してください。WebPを使用すると同じ品質でさらに小さいサイズを実現できます。
ロゴ・アイコン・スクリーンショット：PNGまたはWebP
テキストや細い線・透過（アルファチャンネル）が必要なロゴ・アイコンにはPNGが適しています。ただしシンプルな図形であればSVGへの変換も検討してください。スクリーンショットはPNGのほうが文字がくっきり見えます。透過が不要な場合はWebP（ロスレス）への変換でPNGより小さなサイズを実現できます。
サムネイル・アイキャッチ画像の最適な設定
ブログ記事のサムネイルやOGP画像（SNSシェア画像）は横幅1200px・品質80〜85%・WebP形式が推奨です。ファイルサイズの目安は100〜200KB以下。CMSにアップロードする前にこのツールで圧縮し、さらにCMS側の画像圧縮機能（WordPress ならSmushなど）と併用すると効果的です。
FAQ
- How much will my image be compressed?
- JPEG compression at 80% quality typically reduces size by 50–70% with minimal visible quality loss.
- Is there quality loss when compressing PNG?
- PNG uses lossless compression by default. Reducing file size for PNG may involve quantizing colors, which can reduce quality in gradients.
- Should I compress images before uploading to a CMS?
- Yes. Pre-compressing images reduces storage costs and speeds up page load, even if your CMS also applies compression.
- What is the difference between lossy and lossless image compression?
- Lossless compression (PNG, GIF) removes redundant data in the file without changing any pixels — the decompressed image is bit-for-bit identical to the original. Lossy compression (JPEG, WebP in lossy mode) permanently discards image data that is less perceptible to the human eye, achieving much higher compression ratios. For photographs, lossy compression at quality 75–85% is typically undetectable by most viewers while reducing file size by 60–80%. For screenshots, graphics, and text, use lossless compression to avoid artifacts.
- How does compression quality affect image file size and visual quality?
- Compression quality is usually expressed as a percentage (0–100) or a scale (1–10). The relationship is non-linear: going from quality 100 to quality 80 typically reduces file size by 60–70% with barely visible quality reduction. Going from quality 80 to quality 60 further reduces size by 30–40% with noticeable but often acceptable quality loss. Below quality 50, artifact-like blocking and blurring become clearly visible. For web images, quality 75–85 is the standard recommendation balancing size and visual quality.
Found a bug or something not working as expected?
Report a bug →