画像最適化用語集

Web画像最適化の重要用語と概念をわかりやすく解説します。

A

Alpha Channel

画像フォーマットの透明レイヤー(PNGやWebPなど)。画像の一部を半透明または完全に透明にでき、ロゴやオーバーレイに不可欠。

AVIF

AV1 Image File Format — AV1ビデオコーデックベースの次世代画像フォーマット。同等品質でJPEGより40–50%小さいファイルサイズを実現。92%以上のモダンブラウザが対応。

B

Batch Conversion

一度の操作で複数の画像を同時処理。BulkPicConvはWeb Workerによる並列処理で無制限のバッチ変換をサポート。

BMP

Bitmap — Windowsネイティブの非圧縮ラスター画像フォーマット。ファイルが非常に大きい。BMPをWebPまたはAVIFに変換すると通常80–90%ファイルサイズを削減。

C

CLS (Cumulative Layout Shift)

視覚的安定性を測定するCore Web Vitals指標。明示的なwidth/height属性のない画像はレイアウトシフトの一般的な原因。<img>タグに常にwidthとheightを設定して修正。

Compression

ファイルサイズを削減するプロセス。非可逆圧縮は知覚できないデータを除去してファイルを小さく。可逆圧縮は全ピクセルを正確に保持するがファイルは大きくなる。

Core Web Vitals

Googleの実ユーザー体験測定指標セット:LCP(読み込み)、INP(インタラクティブ性)、CLS(視覚的安定性)。画像最適化はLCPとCLSに直接影響。

E

EXIF

Exchangeable Image File Format — カメラが画像に埋め込むメタデータ。カメラモデル、露出設定、GPS座標、向きを含む。BulkPicConvはプライバシーのためデフォルトでEXIFを除去。

G

GIF

Graphics Interchange Format — アニメーション対応だが256色に制限。BulkPicConvはGIFをWebP/AVIF/JPEG/PNG形式の静的な最初のフレームに変換。

H

HEIC

High Efficiency Image Container — iOS 11以降iPhoneのデフォルト写真フォーマット。HEVC (H.265)ビデオコーデックベース。BulkPicConvはHEICをWebPに変換して汎用Web互換性を実現。

J

JPEG

Joint Photographic Experts Group — Webで最も広く使われる画像フォーマット。非可逆圧縮を使用。写真に適しているが同等品質で通常WebPやAVIFより25–50%大きい。

L

LCP (Largest Contentful Paint)

最大コンテンツ要素のレンダリング時間を測定するCore Web Vitals指標。ヒーロー画像がLCP要素であることが多い — WebP/AVIFで最適化するとLCPスコアが直接改善。

Lossless Compression

全ピクセルを正確に保持する圧縮。PNGとWebPの可逆が代表例。ピクセル精度が重要なスクリーンショット、図表、テキスト画像に最適。

Lossy Compression

知覚できない視覚データを除去してファイルサイズを大幅に削減。品質80–85のWebPとAVIFは非可逆だが元の画像と視覚的に区別がつかない。

P

PNG

Portable Network Graphics — 可逆圧縮とアルファ透明をサポート。ロゴ、スクリーンショット、ピクセル精度が必要な画像に最適。通常WebPより2–3倍大きい。

Q

Quality Setting

非可逆圧縮でファイルサイズと視覚的忠実度のトレードオフを制御するパラメータ(0–100)。品質80–85が写真の業界標準ベストポイント。

R

Responsive Images

srcsetとsizes属性を使用してユーザーの画面サイズに基づき異なる画像サイズを提供。モダンフォーマットと組み合わせるとモバイル画像帯域幅を60–80%削減可能。

S

srcset

異なる解像度の複数の画像ソースを提供するHTML属性。ブラウザは画面サイズとピクセル密度に基づいて最適なものを選択。レスポンシブ画像に不可欠。

W

Web Worker

バックグラウンドスレッドでJavaScriptを実行するブラウザAPI。BulkPicConvはWeb Workerを使用して並列バッチ変換を行い、数百の画像でもUIのフリーズを防止。

WebAssembly (WASM)

ブラウザでネイティブに近い速度で実行されるバイナリ命令フォーマット。BulkPicConvはWASMコンパイル版のlibwebpとlibavifを使用してデバイス上で完全に画像処理。

WebP

Googleが開発した画像フォーマット。同等品質でJPEGより25–35%小さいファイルを提供。非可逆、可逆、透明、アニメーションをサポート。97%以上のブラウザが対応。