ファビコンとPWAのアイコンサイズを生成します

レビュー済みの1枚の画像から、従来の正方形PNGファビコンとPWAアイコンサイズ、さらにICOを組み合わせた有界パッケージを作成します。

このツールが役立つ場合

簡単な正方形マークから、安全な余白と透明な端を備えた共通のブラウザタブ、ショートカット、インストールおよびランチャー用アセットを準備します。

局所処理の仕組み

ブラウザは1つのソースを検証してデコードし、文書化されたアイコンサイズごとに透明な正方形キャンバスに一貫してフィットさせ、各PNGをエンコードし、選択された小さなサイズをICOディレクトリエントリにパッケージ化し、マニフェストスニペットとファイル一覧をZIPに含めます。

使い方

  1. ソースを準備する: 簡単な正方形マークから、安全な余白と透明な端を備えた共通のブラウザタブ、ショートカット、インストールおよびランチャー用アセットを準備します。
  2. ローカルで処理する: ブラウザは1つのソースを検証してデコードし、文書化されたアイコンサイズごとに透明な正方形キャンバスに一貫してフィットさせ、各PNGをエンコードし、選択された小さなサイズをICOディレクトリエントリにパッケージ化し、マニフェストスニペットとファイル一覧をZIPに含めます。
  3. ダウンロードして確認する: 全てのPNGをネイティブサイズで明るい背景と暗い背景で確認し、透明な余白とマスカブル安全領域をチェックし、ICOエントリを開き、実際のサイトでマニフェストパスを検証し、プラットフォームのアイコンキャッシュをクリアし、対象デバイスでインストールと起動をテストします。

重要な制限事項

パッケージは寸法を提供しますが、プラットフォーム承認や完全なサイトマニフェストは提供しません。マスター1つの拡大縮小では小さいサイズでディテールを復元できず、一部のランチャーは透明ピクセルを平坦化する可能性があります。マスカブルPWAアイコンには意図的な安全領域アートワークが必要で、ICOの透明性はPNGアルファと旧式マスクで異なり、OSは古いアイコンをキャッシュすることがあります。

ダウンロードした結果を確認する

全てのPNGをネイティブサイズで明るい背景と暗い背景で確認し、透明な余白とマスカブル安全領域をチェックし、ICOエントリを開き、実際のサイトでマニフェストパスを検証し、プラットフォームのアイコンキャッシュをクリアし、対象デバイスでインストールと起動をテストします。

私設設計

あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。

質問と回答

このツールはいつ役立ちますか?

簡単な正方形マークから、安全な余白と透明な端を備えた共通のブラウザタブ、ショートカット、インストールおよびランチャー用アセットを準備します。

ブラウザは実際に何をしますか?

ブラウザは1つのソースを検証してデコードし、文書化されたアイコンサイズごとに透明な正方形キャンバスに一貫してフィットさせ、各PNGをエンコードし、選択された小さなサイズをICOディレクトリエントリにパッケージ化し、マニフェストスニペットとファイル一覧をZIPに含めます。

理解しておくべき制限は何ですか?

パッケージは寸法を提供しますが、プラットフォーム承認や完全なサイトマニフェストは提供しません。マスター1つの拡大縮小では小さいサイズでディテールを復元できず、一部のランチャーは透明ピクセルを平坦化する可能性があります。マスカブルPWAアイコンには意図的な安全領域アートワークが必要で、ICOの透明性はPNGアルファと旧式マスクで異なり、OSは古いアイコンをキャッシュすることがあります。

結果をどのように確認すべきですか?

全てのPNGをネイティブサイズで明るい背景と暗い背景で確認し、透明な余白とマスカブル安全領域をチェックし、ICOエントリを開き、実際のサイトでマニフェストパスを検証し、プラットフォームのアイコンキャッシュをクリアし、対象デバイスでインストールと起動をテストします。

関連ツール