まず寸法を調整する
大きすぎる写真は、記事やカード表示では元の幅が不要なことが多いです。
表示サイズに近い最大幅を選んでから圧縮します。
おすすめ手順
- 大きすぎる写真は先にリサイズします。
- WebP と JPEG を比較します。
- 実際の表示サイズで確認します。
次に品質を調整する
写真では 70 から 85 あたりを比較すると判断しやすいです。
スクリーンショットやロゴは、文字の縁と透明部分を確認します。
利用者の見え方で確認する
実際に表示されるサイズで見た目を確認します。
再編集する可能性がある場合は元画像を残します。
Quality questions
完全に無劣化で圧縮できますか？
一部の PNG 処理では可能ですが、Canvas 書き出しでは通常エンコードが変わります。
なぜ結果サイズが変わりますか？
画像の細部、寸法、ノイズ、透明度、形式が影響します。
2026年9月4日更新 · 情報確認日: 2026-09-04
- Source type
- Project compression tests and browser export behavior
- Review scope
- Checked file-size, quality, target-size and resize guidance against ImgShrink compression workflows.
- Use with this limit
- Final file size depends on source detail, dimensions, noise, transparency and browser encoder behavior.
関連ツールとガイド
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 をアップロードせずにプライベートに処理できます。