Web用画像最適化
ページ読み込み速度はUXとSEOに重要です。画像はページサイズの50-80%を占めます。
画像フォーマット
JPEG
写真と複雑な画像に最適。可逆圧縮。透明非対応。
PNG
ロゴ、アイコン、透明が必要な画像用。可逆圧縮。JPEGより大きい。
WebP
モダンフォーマット。JPEGより25-34%小さい。可逆・非可逆圧縮、透明度対応。
最適化ヒント
- 正しい形式を選択：写真=JPEG/WebP、ロゴ=PNG/SVG
- リサイズ：表示サイズでアップロード
- 圧縮：品質70-85%
- フォールド以下の画像は遅延読み込み
- CDNでグローバル配信
推奨サイズ
- ブログ画像：1200x630px
- サムネイル：300x200px
- ヒーローバナー：1920x600px
- 商品写真：800x800px
結論
画像最適化でパフォーマンスが大幅改善。PdfMetricは無料の圧縮、リサイズ、変換を提供。