ICOコンバーター - 画像をファビコンICOに変換

画像をファビコン用ICO形式に変換。無料、100%クライアント側。

Drop image for ICO

or click to browse • Max 50MB

Or paste with Ctrl+V

プロジェクトでICOを使う方法

HTML (favicon)

<link rel="icon" href="/favicon.ico" sizes="48x48" type="image/x-icon">
<link rel="icon" href="/favicon-32x32.ico" sizes="32x32" type="image/x-icon">
<link rel="icon" href="/favicon-16x16.ico" sizes="16x16" type="image/x-icon">

React / Next.js (public folder)

// Place favicon.ico in /public, then in layout.tsx or _document.js:
<link rel="icon" href="/favicon.ico" sizes="any" />

Next.js App Router (metadata)

// app/layout.tsx
export const metadata = {
  icons: {
    icon: "/favicon.ico",
  },
};

Vite / Create React App

// Put favicon.ico in /public
// index.html:
<link rel="icon" type="image/x-icon" href="/favicon.ico" />

なぜ画像をICOに変換する?

ICOはファビコンの標準フォーマット—ブラウザタブ、ブックマークの小さなアイコン。WindowsもアプリやフォルダアイコンにICOを使用。

ファビコン要件

サイトはICOまたはPNGのファビコンが必要。ICOは複数解像度を含める—1ファイルでどこでも動作。

オンラインで画像をICOに変換する方法

画像をアップロード(PNG、JPG、SVG)。出力サイズを選択(デフォルト16、32、48、256px)。変換をクリック。ICOをダウンロード。すべてクライアント側処理。

ステップバイステップ

高品質の正方形画像から開始。透過付きPNGがファビコンに最適。SVGは必要に応じてまずSVGからPNGに変換。

ICO vs PNGファビコン

ICOは1ファイルで複数サイズをサポート—レガシー互換性に最適。PNGファビコンはモダンブラウザでサポート。多くのサイトが両方提供。

ベストプラクティス

シンプルで認識しやすいデザインを使用。ファビコンは小さい—16×16または32×32。細かいディテールを避ける。

ロゴからファビコンを作成

PNGまたはSVGのロゴから開始。正方形であることを確認するかクロップ。当社ツールでICOに変換。SVGロゴはまずSVGからPNGを使用。

マルチ解像度ICO

当社ICOファイルには16×16、32×32、48×48、256×256が含まれる。ブラウザとOSが適切なサイズを選択。

よくある質問

ICO変換は無料ですか?
はい。無料、無制限。クライアント側処理。
どの画像フォーマットが使えますか?
PNG、JPG、SVG。透過付きPNGがファビコンに最適。
画像はアップロードされますか?
いいえ。変換はブラウザ内で行われます。
含まれるサイズは?
1つのICOファイルに16×16、32×32、48×48、256×256。
なぜファビコンにICOを使う?
ICOはマルチ解像度サポート付きの伝統的なファビコンフォーマット。古いブラウザを含めどこでも動作。

関連ツール