アイコン制作ノート

256px の ICO なのに、なぜぼやける？

プレビューが鮮明でも、デスクトップのアイコンが鮮明とは限りません。元画像、収録サイズ、表示する場所を分けて確認しましょう。

ブラウザーのタブと Google 検索結果は別々に調べます。まず正しいファイルが配信されていることを確認し、その後キャッシュやクロールを調べましょう。

白色は元画像、プレビューの背景、使用先の表示仕様のいずれにも由来します。拡張子を .ico に変えるだけでは判断できません。

Web、Windowsのショートカット、モバイルでは必要な素材が異なります。拡張子の変更は変換ではありません。

用途に合わせ、実寸で確認します。大きな原稿でも16ピクセルで細部が読めるとは限りません。

公開ファイル、HTMLの指定、ブラウザーの要求を分けて調べます。ローカルにICOがあるだけでは設定されません。

検索結果とタブは別の表示環境です。ホスト名、公開画像、クローラーのアクセスを確認します。

保存されたWebサイトのアイコンは、タブのICOを拡大するだけでは作れません。専用素材を準備します。

インストールしたWebアプリはmanifestのアイコンを使います。ランチャーの形状マスクで見え方が変わります。

ダウンロードを置き換えても既存のショートカットや起動中のアプリは変わらないことがあります。参照元を調べます。

ヘッダー向けの文字ロゴは正方形内で細い線になることがあります。小サイズ専用の構図が必要です。

ファイル選択だけではアップロードもローカル処理も証明できません。機密性のない画像で確認します。