記事一覧

画像最適化・形式・圧縮・サムネ・EXIF・印刷DPIなどの実務記事を、最新順に表示します。

• 透過PNGの白/黒フリンジ徹底対策（Premultiplied Alphaの正しい扱い）
  縁の白/黒にじみを仕組みから解消。形式選択・書き出し・配色別アセットまで。
  2025-08-29
• SVG最適化とアイコン配信戦略（SVGO・シンボルスプライト・CSS変数）
  SVGOと配信方式の出し分けで“軽く拡張性のある”SVG運用に。
  2025-08-29
• 画像の読み込み優先度設計（fetchpriority / preload / Priority Hints）
  LCP短縮は優先度設計が肝。fetchpriorityとpreloadの正しい使い分け。
  2025-08-29
• アートディレクションのための<picture>（代替トリミングと構図の最適化）
  PC/SPで別カットを安全に配信し、伝わる構図に仕上げる。
  2025-08-29
• Next.js 15 画像最適化パターン 2025（next/image・安定レイアウト・OG自動生成）
  next/image・sizes・priority・OG自動生成まで“いまの型”。
  2025-08-29
• 画像QAプレイブック（視覚リグレッション・色差・バンディング検出）
  pixelmatch×手動チェックで壊さない画像運用へ。
  2025-08-29
• ファイル命名とキャッシュバスティング完全ガイド（fingerprint / version / 参照更新）
  fingerprint（ハッシュ）やv2/v3で確実にキャッシュ更新。命名・参照更新・配信の型を整理。
  2025-08-29
• 高DPI（Retina）向けアセット運用—1x/2x/3xの最短ルート
  1x/2x/3xの要否・命名・配信と検証の型。SVG/PNGの使い分けも整理。
  2025-08-29
• PNGロスレス最適化の実務（ブラウザ完結MVP→WASM強化）
  まずはメタ除去のMVP→必要に応じてインデックス色/ディザ（WASM）で段階強化。
  2025-08-29
• デザイン→開発アセット受け渡しプレイブック（命名・密度・形式）
  命名・密度・形式・フォルダ構成の“合意テンプレ”。受け渡しの迷いをなくす。
  2025-08-29
• 画像アセットのZIP配布UX（命名・階層・ダウンロード計測）
  ZIP名・階層・計測・フォールバックの最短設計で配布体験を向上。
  2025-08-29
• INP時代の画像最適化 — decoding='async'・preload・lazyの最適バランス
  INPを悪化させない画像の読み込み戦略。decoding="async" と lazy-loading、preload、JSのdecode()、fetchpriorityの使い分け、計測手順まで。
  2025-08-28