Skip to main content

Faviconジェネレーター - オンラインでWebサイトのfaviconを作成

画像をアップロードすると、すべてのサイズのfaviconを自動生成します。Apple touchアイコン、Androidアイコン、Windowsタイルも含まれます。

faviconを作成するために画像アップロード

正方形の画像が推奨されます (最小512x512px)

サポートされている形式

標準のファビコン (16px~96px)

16px ~ 96px

Apple Touchアイコン

Apple 터치 아이콘

Androidアイコン

Android 아이콘

Windowsタイルアイコン

Windows 타일 아이콘

Webアプリのマニフェスト

웹 앱 매니페스트

HTML実装コード

HTML 구현 코드

おすすめ

  • 正方形の画像を使用 (1:1 の比率)
  • 最小 512x512px 解像度
  • シンプルで分かりやすいデザイン
  • 高コントラストカラー

利用ガイドとヒント

  • 標準のファビコン (16px~96px)

    16x16, 32x32, 48x48

  • Apple Touchアイコン

    180x180

  • Androidアイコン

    192x192, 512x512

  • Windowsタイルアイコン

    144x144

このfaviconジェネレーターを選ぶ理由

最小限の労力で信頼性の高いfaviconアセットを必要とするマーケター、デザイナー、開発者向けに設計されています。

完全なアイコンのカバー率

必要なすべてのfaviconサイズと、Apple、Android、Windows向けのプラットフォーム固有のアイコンをエクスポートするため、どのデバイスも見逃しません。

プライバシー重視の処理

すべての変換は、Canvas APIを介してブラウザでローカルに実行されるため、ブランドアセットがコンピューターから離れることはありません。

開発者向けダウンロード

最適化されたPNG、すぐに使用できるマニフェスト、およびコピー&ペーストできるHTMLタグを提供し、ウェブサイトの立ち上げをスピードアップします。

4ステップの変換ガイド

これらの簡単なステップに従って、あらゆるウェブサイト用の本番環境対応のfaviconを作成します。

  1. 1

    アップロードまたはドラッグ&ドロップ

    正方形のソース画像(512px以上)を選択するか、アップローダーにドロップします。

  2. 2

    設定をカスタマイズ

    アプリの名前、説明、ドメインを更新して、ブランドメタデータに一致させます。

  3. 3

    すべてのサイズをプレビュー

    ブラウザタブ、モバイルホームスクリーン、Windowsタイルにfaviconが表示される様子を確認します。

  4. 4

    ダウンロード&実装

    ZIPパッケージを取得し、提供されているHTMLコードを貼り付け、サイトにデプロイします。

人気のユースケース

ブランドリフレッシュプロジェクト

ブランドガイドラインやカラーパレットを更新する際に、最新のfaviconを迅速に生成します。

クライアントハンドオフパッケージ

すべてのアイコンとマニフェストを含むダウンロードリンクを、代理店やフリーランサーに提供します。

Progressive Web Apps

Ship compliant manifests and icons when promoting PWAs to users' home screens.

よくある質問

ファイルはサーバーにアップロードされますか?

いいえ。すべての変換はCanvas APIsを使用してブラウザ内で行われ、ネットワーク監視ではゼロのアップロードリクエストしか表示されません。

どのファイル形式がサポートされていますか?

PNG、JPG、WebPの入力が最適です。ツールは最適化されたPNG favicon、JSONウェブマニフェスト、およびHTMLマークアップを出力します。

生成されたアイコンを商用利用できますか?

はい。アップロードしたアセットの完全な権利を保持しているため、生成されたfaviconセットを個人用または商用プロジェクトで再利用できます。