image

Favicon / PWA アイコン生成

1 つのロゴから favicon、Apple touch icon、PWA PNG アイコン、HTML link、manifest snippet を生成できます。

ロゴをここにドロップ

PNG、JPEG、WebP、GIF、BMP に対応。ソース画像は 1 枚ずつ。

ワークスペースをクリックしたあと ⌘V / Ctrl+V で貼り付けもできます。

画像はブラウザー内でローカル処理され、DevCove サーバーへアップロードされません。

Web サイト favicon と PWA 向け — App Store / Google Play ストア掲載グラフィック向けではありません。

正方形フィット

正方形にトリミング。ハンドルでトリミング領域を調整。

オフのまま透過 PNG 出力を保持。オンにするとパディングまたは透過をフラット化。

出力サイズ

Favicon

Apple Touch Icon

PWA

既定ですべて選択済み。不要なサイズのチェックを外してから生成。少なくとも 1 つは残してください。

モダンブラウザーと PWA 向け PNG Web サイトアイコンをエクスポート。クラシック favicon.ico が必要なら別ツールで PNG から変換してください。

ロゴをアップロード、ドロップ、または貼り付けて開始してください。

このツールについて

DevCove Favicon Generator は、サイト運営者とフロントエンド開発者が Web サイトアイコンをローカルで公開するためのツールです。ロゴをアップロード、正方形トリミングまたは contain パディングを選び、16–512px PNG サイズをエクスポートし、HTML link タグまたは manifest icons JSON をコピー。Web サイト favicon と PWA 向け — App Store や Google Play 掲載素材向けではありません。

使い方

favicon と PWA アイコンファイルをローカルで必要なときに使います:

  1. 正方形または長方形のロゴをアップロード、ワークスペースへドラッグ、または画像を貼り付けます。
  2. Cover で正方形にトリミングするか、Contain でパディング付きロゴ全体を保持します。
  3. 任意でパディングまたは透過フラット化用の背景色を有効にします。
  4. アイコンを生成をクリックし、16–512px PNG 出力を確認します。
  5. zip(manifest.webmanifest 含む)をダウンロードし、HTML link または manifest スニペットをコピーします。

機能

Web サイトと PWA 公開ワークフロー向け:

  • favicon 16/32/48、Apple touch 180、PWA 192/512 PNG アイコンをエクスポート。
  • 任意背景色付き Cover トリミングまたは Contain パディング。
  • 安定ファイル名と manifest.webmanifest 付き zip ダウンロード。
  • HTML favicon / apple-touch-icon link スニペット。
  • 貼り付け可能な manifest icons JSON。
  • 100% ブラウザーローカル処理。

よくある質問

画像はアップロードされますか?

いいえ。アイコンはすべてブラウザー内で描画されます。

.ico ファイルがないのはなぜですか?

この版は PNG ファースト favicon と HTML link タグを提供します。ブラウザーエンコーダーが品質チェックを通過すれば、多サイズ .ico は後から追加される可能性があります。

Cover と Contain の違いは?

Cover は正方形にトリミング — フルブリードロゴ向け。Contain はパディング付きでロゴ全体を保持 — 横長・縦長マーク向け。

App Store スクリーンショット向けですか?

いいえ。ストア掲載グラフィックには App Market Image Resizer を使用してください。このツールは Web サイト favicon と PWA manifest 向けです。

purpose any maskable とは?

PWA manifest では adaptive mask 付きホーム画面でも使えるよう purpose any maskable がよく使われます。プラットフォーム要件に応じて any に変更できます。

透過を保持できますか?

はい。背景色をオフのまま透過 PNG アイコンをエクスポートできます。