画像からファビコンを作成する無料ツール「ファビカ」

お気に入りの画像を、ブラウザのタブに映える高品質なファビコン(favicon)に。16〜512pxのマルチサイズに対応し、favicon.ico・PNG・apple-touch-icon・Android用アイコン・webmanifest・HTMLタグを一式ZIPでダウンロードできます。角丸・円形・背景色も調整でき、アップロード不要・登録不要・完全無料です。

ドラッグで位置調整 ・ ホイールで拡大縮小
画像をドロップ / クリックで選択
PNG・JPEG・WebP・SVG | Ctrl+V で貼り付けも可
ブラウザタブ プレビュー
あなたのサイト ×
ホーム画面
あなたのサイト
実寸プレビュー

1 画像の調整

ズーム100%
余白0%

ロゴやイラスト(透過PNG)は「全体を収める」+背景色がおすすめ。写真は「画像で埋める」でドラッグ位置調整を。

2 形と背景

角の丸み22%
背景

3 出力サイズ

favicon.ico に含めるサイズ

上で選んだサイズの favicon.ico だけをDL(タブに出せればOKな人向け)

スマホ・PWA用アイコン(PNG)

上段がそのまま favicon.ico の中身になります(マルチサイズ)。下段は iPhone・Android・PWA 用のPNGです。既定は軽量な 16/32/48/64。

4 書き出し

同梱ファイル:

PC+iPhone+Android 全対応・おすすめ(favicon.ico も同梱)

📖使い方

1

画像を選ぶ

ファビコンにしたい画像をドロップ、クリック、または Ctrl+V で貼り付けます。PNG・JPEG・WebP・SVG対応。ファイルは端末内だけで処理され、アップロードされません。

2

切り抜きと形を整える

ズームとドラッグで正方形に切り抜き、四角・角丸・円形から形を選択。背景色や余白も調整できます。小さくても読みやすい形に仕上げましょう。

3

サイズを選ぶ

出力するPNGサイズを選びます。favicon.ico にはマルチサイズ(16〜256px)を自動でまとめて格納。実寸プレビューとタブ表示で仕上がりを確認できます。

4

ダウンロードして設置

一式ZIPをダウンロードし、中身をサイトのルートに配置。同梱のHTMLタグを <head> に貼り付けるだけで設置完了です。

ファビカの特長

🧩 マルチサイズ .ico

チェックしたサイズを1つのfavicon.icoにまとめて格納。表示場所ごとに最適なサイズが選ばれ、軽量なのに常にくっきり表示されます。

ブラウザ完結・安心

画像をサーバーに送らず端末内で処理。アップロード不要でプライバシーも安全です。

📦 一式ZIPで完結

ico・PNG各種・apple-touch-icon・Android用・webmanifest・HTMLタグをまとめてダウンロード。あとは置くだけ。

🎨 形と背景を自由に

四角・角丸・円形、背景色や余白を調整。透過画像にも対応し、思いどおりの見た目に。

👀 実寸&タブでプレビュー

実際の16pxや、ブラウザタブ・ホーム画面のモックアップで、小さな表示まで事前に確認できます。

📱 スマホ対応・完全無料

登録不要、いつでも無料。スマートフォンのブラウザでも使えます。

よくある質問

本当に無料ですか?登録は必要ですか?

はい、完全無料でご利用いただけます。会員登録も不要で、利用回数の制限もありません。

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

いいえ。すべての処理はお使いのブラウザ上(端末内)で完結するため、画像がサーバーに送信されることはなく、プライバシーが守られます。

マルチサイズのfavicon.icoとは何ですか?

1つの.icoファイルの中に16px・32px・48pxなど複数サイズの画像を格納したものです。ブラウザやOSが表示場所に応じて最適なサイズを選ぶため、タブでもブックマークでもくっきり表示されます。ファビカはこのマルチサイズ.icoを自動生成します。

どんなファイルがダウンロードできますか?

マルチサイズのfavicon.ico、各サイズのPNG、apple-touch-icon.png、Android用アイコン、site.webmanifest、そのまま貼り付けられるHTMLタグを一式ZIPでダウンロードできます。

作ったファビコンはどう設置しますか?

ZIP内のファイルをサイトのルート(トップ)に置き、同梱のHTMLタグを<head>内に貼り付けるだけです。ファビカがコードも生成します。

対応している画像形式は?

読み込みはPNG・JPEG・WebP・SVG・GIFなど一般的な画像に対応。正方形でない画像も、ズームやドラッグで切り抜けます。

画像のファイルサイズを小さくしたい? 同じシリーズの姉妹ツール
ツメル — 画像圧縮・変換 無料サイト
ブラウザ完結・無料で画像を指定サイズにツメル。
ツメルを使ってみる →
画像に透かしを入れたい? 同じシリーズの姉妹ツール
スカシル — 画像に透かし 無料サイト
ブラウザ完結・無料で画像にテキスト・ロゴ・線の透かしを追加。
スカシルを使ってみる →
元画像をもっと高画質にしたい? 同じシリーズの姉妹ツール
シャキッ — AI画像高画質化 無料サイト
ブラウザ完結・アップロード不要・完全無料でAIが画像をくっきり高画質化。
シャキッを使ってみる →
画像にモザイク・ぼかしをかけたい? 同じシリーズの姉妹ツール
モザル — 画像モザイク・ぼかし 無料サイト
ブラウザ完結・無料で画像の指定範囲にモザイク・ぼかし・黒塗りをかけられます。
モザルを使ってみる →