文字・絵文字でファビコン作成

1文字・イニシャル・絵文字からファビコンを作成。フォント、グラデーション背景、文字の影、四角・角丸・円の形を選べます。

ファビコンの文字とデザイン
形
背景
文字の影
あなたのサイト
別のタブ
あなたのサイト
別のタブ

文字か絵文字を入力するとファビコンが表示されます。

文字からファビコンを作る方法

  1. 1〜3 文字を入力します。アルファベット、イニシャル、数字、漢字・ひらがな、絵文字が使えます。
  2. フォントを選びます。日本語の文字には Noto Sans JP がおすすめです。
  3. 形(四角・角丸・円)と文字の色を選びます。
  4. 背景を単色・線形グラデーション・円形グラデーションから選びます。プリセットから選ぶことも、2 色を自由に指定することもできます。
  5. 必要なら文字の影(ソフト・ハード・ロング)を付けます。
  6. ZIP をダウンロードして、ファイルと HTML コードをサイトに追加します。

16 ピクセルでも読みやすくするコツ

  • 1 文字がいちばん。2〜3 文字になると、16 ピクセルのタブではかなり細くなります。
  • 画数の少ない文字を選ぶ。漢字なら「山」「木」のようにシンプルな字が向いています。
  • コントラストを強く。濃い背景に白い文字、または明るい背景に濃い文字にしましょう。
  • 2 つのタブプレビューを確認。ダークテーマのブラウザを使う人も多いので、両方で見やすいか確かめてください。

よくある質問

絵文字をファビコンにできますか?

できます。絵文字を入力すると通常の PNG と ICO に変換されるので、どのブラウザでも表示されます。

グラデーションや影はすべてのブラウザで表示されますか?

はい。グラデーションと影は PNG・ICO の画像そのものに描かれるので、プレビューどおりに表示されます。

好きなフォントを使えますか?

現在は用意したフォントのみです。独自のロゴやフォントを使いたい場合は PNG か SVG に書き出して、画像からファビコンを作成をご利用ください。