Image Compression
画像の圧縮の概要、非可逆と可逆の違い、スクリーンショットを圧縮するときのよくある間違いを解説します。
画像の圧縮は、画像の保存に必要なバイト数を減らします。可逆の方法は冗長な部分を取り除くため、復号したピクセルは元の画像と完全に一致します。非可逆の方法は、目で気づきにくい詳細も捨てるため、ファイルをはるかに小さくできます。
無圧縮の画像は大きくなります。1ピクセルあたり3バイトの1920×1080の画像は、1920 × 1080 × 3 = 6,220,800バイト、約6.2 MBが必要です。同じ画面範囲のRetinaの撮影では、ピクセル数が4倍になります。
圧縮率は、元のサイズを圧縮後のサイズで割った値です。内容によって変わります。単色の多いUIのスクリーンショットは、写真やノイズの多いグラデーションよりもはるかによく圧縮されます。
画像形式を変換する
形式を変更することは、圧縮を変える最も速い方法であることが多いです。Image Converter は、PNG、JPG、WebPの間でブラウザ上の変換を行います。
非可逆圧縮と可逆圧縮の比較
| 項目 | 可逆 | 非可逆 |
|---|---|---|
| 復号したピクセル | 元の画像と同一 | 近似 |
| 一般的なサイズ | 大きい | 小さい |
| 再保存 | 追加の劣化はない | 保存のたびに劣化する |
| 例 | PNG、GIF、可逆のWebP | JPG、非可逆のWebP、AVIF |
画像の圧縮が重要になる場面
- サイズ制限のあるメールの添付ファイルとチャットアプリ。
- 画像のバイト数が読み込み時間に影響するWebページ。
- 多数のスクリーンショットから作るPDF。
- 数百フレームの長いキャプチャセッションのアーカイブ。
主な形式と圧縮方式
- PNG:行ごとのフィルタとDEFLATE。可逆です。
- JPG:DCTと量子化。非可逆で、品質の設定があります。
- WebP:非可逆(VP8ベース)または可逆のモード。
- GIF:256色のパレットに対するLZW。
Temposhotの結果パネルには、PNG Export (Lossless) と、品質1〜100(既定値は85)の JPG Export (Adjustable Quality) があります。Website Captureは JPEG、PNG、WebP で保存します。JPEGとWebPには品質1〜100を指定できます。
スクリーンショットの圧縮でよくある間違い
- 小さい文字を含むスクリーンショットを低品質のJPGで保存し、文字がぼやける。
- 同じJPGを何度も圧縮し直す。
- JPGをPNGに変換して、失われた詳細が戻ると考える。
- 原本ではなく、共有用のコピーを圧縮すべき場面で、原本を圧縮する。
今すぐ修正したい画像がありますか?
ブラウザ上で Image Compressor を使うとファイルサイズを小さくできます。PDFの場合は Compress PDF を使ってください。
よくある質問
スクリーンショットにはどの品質の設定を使うべきですか?
JPGのTemposhotの既定値である85から始め、より小さくする前に、低い値で拡大した切り抜きを比較してください。
圧縮はピクセルの寸法を変えますか?
変えません。圧縮はピクセルの保存方法を変えます。ピクセル数を変えるのはリサイズです。
出典
関連リソース
同じスクリーンショットを何度も撮っていますか?
Temposhot は、画面、ウィンドウ、または範囲をタイマーに従って連続で撮影し、その一式を PDF、画像、ZIP、または MP4 で書き出します。無料のブラウザツールは、1 枚の画像の処理に対応しています。
関連リソース
関連用語
- Lossy Compression非可逆圧縮の概要、それを使う画像形式、ファイルサイズと視覚的な画質のバランスの取り方を解説します。
- Lossless Compression可逆圧縮の概要、対応する画像形式、ピクセル単位で保存することが重要な場面を解説します。
- Image Optimization画像の最適化の概要、Webパフォーマンスへの影響、避けるべき間違いを解説します。
- Image Quality画質を決める要素、画質とファイルサイズの関係、スクリーンショットと書き出しに適した品質設定の選び方を解説します。
- Image FormatPNG、JPG、WebP、AVIFなど主な画像形式の概要と、それぞれを使うべき場面を解説します。
- Image Redaction画像の墨消しの概要、ぼかしや切り抜きとの違い、共有の前に正しく墨消しする方法を解説します。
- JPGJPGの圧縮の仕組み、PNGやWebPとの使い分け、非可逆のスクリーンショット形式でよくある間違いを解説します。
- PNGPNG画像形式の仕組み、スクリーンショットにPNGを使うべき場面、JPGやWebPとの違いを解説します。