記事一覧（2ページ目）
画像最適化・形式・圧縮・サムネ・EXIF・印刷DPIなどの実務記事を、最新順に表示します。
- CLSゼロ：画像・広告・埋め込みの“予約サイズ”完全ガイドwidth/height・aspect-ratio・srcset/sizes・広告プレースホルダ・埋め込みの固定枠まで。CLSを0.00xに抑える実装と検証方法。2025-08-28
- 画像CDNとキャッシュ制御の最適解 — Cache-Control/SWR/immutable/ETagハッシュ付き静的はimmutable、差し替え頻度が高い画像はSWR。Vary: Acceptと拡張子分岐、CDNキー設計の落とし穴を回避。2025-08-28
- ALTテキスト完全ガイド — アクセシビリティ×SEOの両立ALTの役割・書き方・長さ・NG例。figure/figcaption・装飾画像・リンク画像・グラフの実務テンプレとFAQを収録。2025-08-28
- モバイル回線の画像予算 — 総量とbpp（bits-per-pixel）の実数値初回ビュー≤800KB・ヒーロー≤200〜250KBなどの配分とbpp目安を提示。AVIF/WebP/JPEGの現実的な設定と調整手順。2025-08-28
- Display-P3画像の運用戦略 — CSS色とビットマップのハイブリッドWebはsRGB基準。P3はCSSで演出、必要時のみAVIF 10bitのP3画像＋sRGBフォールバック。検証フローと色ズレ対策。2025-08-28
- SVGとラスター画像（PNG/JPEG/WebP/AVIF）の使い分け完全ガイドロゴ/アイコン/UIはSVG、写真はAVIF/WebP。パス数・容量・描画コストの閾値と具体フロー、落とし穴まで解説。2025-08-28
- AVIFエンコード・チートシート（実務デフォルト集）用途別のcq/speed/yuv/bit-depthの推奨、コマンド例、アーティファクト対策を1枚に。2025-08-28
- PNGとWebPロスレスの比較—どちらを使う？UI/スクショはWebPロスレスが平均20〜35%小。色数が極端に少ない場合はPNG（インデックス）も有効。2025-08-28
- PNGインデックスカラー＆ディザリング徹底ガイドパレット設計（1/2/4/8bit）とFloyd–Steinberg/Ordered/Sierraの選び方、CLIレシピとチェックリスト。2025-08-28
- HEIC/HEIFのWeb最適化—アップロードから配信までアップロード時にAVIF/WebP/JPEGへ変換、EXIF回転・sRGB正規化、運用フローと注意点を整理。2025-08-28
- WebP/AVIFの典型的な破綻と対処法にじみ・バンディング・モスキート・ブロッキングの原因と、量子化・サブサンプリング・前後処理の実践策。2025-08-25
- A4印刷の最適ピクセル数とDPIA4印刷に必要な解像度・DPIの目安と作業フロー。Web/印刷の橋渡し。2025-07-10