ブログ・個人サイトに
手持ちのロゴや写真を、小さなタブでも見分けやすいサイトの目印へ。
サイトの小さな顔を、画像から作る
ファビってアイコン工房
画像を整えて、ICO・PNGのファビコンへ。
画像からICO・PNGを作れる無料のファビコン作成ツールです。PNG・JPGの切り抜き・回転・文字入れ、複数サイズのICO・単一サイズのPNG出力、既存ICOの中身の確認に対応しています。
- 無料
- 登録不要
- ブラウザで利用
画像の処理は端末内で行います。画像本体をアップロードしません。
こんなときに
小さなアイコンで、サイトを見分けやすく
Webアプリ・企業サイトに
16・32・48pxなど複数サイズをまとめたICOと、用途に合わせたPNGを作れます。
既存アイコンを確認したい
手元のICOを読み込み、中に含まれる画像サイズと見た目をプレビューできます。
できること
ファビコンとは、サイトを見分ける小さなアイコン
ブラウザのタブやブックマークなどに表示される、Webサイトの目印です。表示場所や必要な形式・サイズはブラウザや端末によって異なります。ファイルを作成した後は、サイト側で画像の配置と参照設定を行ってください。
使う前に知っておきたい機能
切り抜き・回転・反転
画像を正方形に整え、アイコンにしたい範囲を選びます。
文字入れ・編集の保存
フォント・色・大きさを選んで文字を追加。編集状態を専用JSONで保存・読み込みできます。
ICOの中身を確認
手元のICOに含まれる各サイズを確認できます。WebサイトのURLを入力して取得する機能ではありません。
REAL OUTPUT
同じアイコンを、小さなサイズで比べる
このツールで生成した同じPNGです。実寸で輪郭を確認し、拡大表示で細部の見え方を比べられます。
16px
32px
48px
64px
128px
ICO PREVIEW
ICOに入っているサイズも、その場で確認
上で比べた5サイズをまとめたICOを、実際に読み込んだ画面です。
ICO
- 16 × 16px
- 32 × 32px
- 48 × 48px
- 64 × 64px
- 128 × 128px
HOW TO USE
使い方
画像を選ぶ
PNG・JPGを選びます。ICOは中身の確認、専用JSONは編集状態の読み込みに使います。
正方形に整える
切り抜き、回転・反転、必要なら文字入れでデザインを調整します。
サイズを選んで保存
ICOは複数サイズ、PNGは単一サイズを選択して生成します。小さな表示でも見やすいか確認してください。
対応形式と利用環境
| 項目 | 対応・注意 |
|---|---|
| 編集用の入力 | PNG / JPG / JPEG。ICOは内包画像の確認、専用JSONは編集状態の読み込み。 |
| ICO出力 | 16 / 32 / 48 / 64 / 128 / 256px。選択した複数サイズを1つのICOへ格納。 |
| PNG出力 | 16 / 32 / 48 / 64 / 128 / 256 / 512px。1回の生成につき1サイズ。 |
| 透過・設置 | 透過PNGを扱えます。ICOの透過表示は利用先でも確認してください。サイトへの設置は別途必要です。 |
データの扱いと外部通信
画像・編集データはブラウザ内で処理し、ファイル本体を外部へ送信する処理はありません。ライブラリの読み込みや広告等の通信は発生します。編集を再開したい場合は専用JSONを保存してください。
できないこと・利用時の注意
- SVG・WebPから直接変換する機能はありません。PNG・JPGへ整えてから読み込んでください。
- 小さく表示すると細い線や細かな文字は見えにくくなります。背景とのコントラストと輪郭を確認してください。
- favicon.icoだけで、すべての端末・表示場所をカバーするとは限りません。利用先の指定形式とサイズも確認してください。
- 作成物を商用サイトで使う場合も、元画像やフォントの利用条件を確認してください。
FAQ
よくある質問
無料ですか？登録は必要ですか？
A1: 無料・登録不要です。ブラウザから開いて、画像を読み込めます。
画像を外部へアップロードしますか？
A2: 画像本体はアップロードしません。処理はブラウザ内です。ライブラリや広告等の読み込み通信はあります。
favicon.icoとは何ですか？
A3: サイトのアイコンを保存するICOファイルです。複数サイズの画像を1つにまとめられ、利用先が必要なサイズを表示します。
どのサイズを作ればよいですか？
A4: タブ等の小さな表示には16・32・48pxを確認する方法があります。必要サイズはサイトや表示場所によって異なり、PNGも用途に合わせて用意してください。
元画像はどの形式を使えますか？
A5: 編集用にはPNG・JPG・JPEGを使えます。ICOの内包画像確認と、専用JSONによる編集再開にも対応しています。
透過画像や文字入りアイコンを作れますか？
A6: 透過PNGを読み込み、文字も追加できます。色やフォントを選び、小さなサイズで輪郭や読みやすさを確認してください。
既存faviconを確認できますか？
A7: 手元のICOファイルを選ぶと内包画像を確認できます。URLからWebサイトのアイコンを取得する機能ではありません。
商用利用やスマートフォンでの作成はできますか？
A8: 作成した画像の利用は元画像やフォントの条件に従ってください。スマートフォンでも開けますが、細かな範囲選択・文字編集はPCの大きな画面が使いやすくなります。
