まず寸法を調整する
大きすぎる写真は、記事やカード表示では元の幅が不要なことが多いです。
表示サイズに近い最大幅を選んでから圧縮します。
おすすめ手順
- 大きすぎる写真は先にリサイズします。
- WebP と JPEG を比較します。
- 実際の表示サイズで確認します。
次に品質を調整する
写真では 70 から 85 あたりを比較すると判断しやすいです。
スクリーンショットやロゴは、文字の縁と透明部分を確認します。
利用者の見え方で確認する
実際に表示されるサイズで見た目を確認します。
再編集する可能性がある場合は元画像を残します。
Quality questions
完全に無劣化で圧縮できますか？
一部の PNG 処理では可能ですが、Canvas 書き出しでは通常エンコードが変わります。
なぜ結果サイズが変わりますか？
画像の細部、寸法、ノイズ、透明度、形式が影響します。
2026年9月4日更新 · 情報確認日: 2026-09-04
関連ツールとガイド
WebP vs AVIF vs JPEG
WebP、AVIF、JPEG をファイルサイズ、互換性、透明度、写真、Web 制作の観点で比較します。
SEO のための画像圧縮
画像圧縮でページ容量を減らし、読み込み体験と技術 SEO を改善する方法を説明します。
画像圧縮計算機
元サイズ、出力形式、品質から画像圧縮後のサイズと削減率を見積もります。
画像をオンライン圧縮
画像をオンライン圧縮をブラウザ内で実行します。JPG、PNG、WebP、AVIF をアップロードせずにプライベートに処理できます。
JPG をオンライン圧縮
JPG をオンライン圧縮をブラウザ内で実行します。JPG、PNG、WebP、AVIF をアップロードせずにプライベートに処理できます。
PNG をオンライン圧縮
PNG をオンライン圧縮をブラウザ内で実行します。JPG、PNG、WebP、AVIF をアップロードせずにプライベートに処理できます。
画像をオンラインでリサイズ
画像をオンラインでリサイズをブラウザ内で実行します。JPG、PNG、WebP、AVIF をアップロードせずにプライベートに処理できます。