[Demo] PNG と WebP の使い分け

PNG と WebP の使い分け に関するステージング確認用メモ。一覧・詳細・カテゴリ表示のテスト向け。

Context

PNG と WebP の使い分け でよくある状況を整理します。

PNG と WebP の使い分けの制作では、最初に要件とターゲットを整理し、情報設計から入るのが基本です。

クライアントとのすり合わせでは、完成イメージを言語化するためのラフと参考資料を並べ、認識のズレを早い段階で潰します。

Use Case

確認済みの対処法と再発防止のポイント。

解決策の制作では、最初に要件とターゲットを整理し、情報設計から入るのが基本です。

クライアントとのすり合わせでは、完成イメージを言語化するためのラフと参考資料を並べ、認識のズレを早い段階で潰します。