無料ファビコンジェネレーター - 画像やテキストからファビコン作成

A ライブプレビューで16x16から256x256までの全てのサイズを確認できます。ダウンロード前に問題を見つけられるので便利です。16pxで見え方がおかしい場合は、元画像やテキストの色を調整しましょう。設定を変えるたびにプレビューが即座に更新されます。

A ほとんどの場合、はい。透明な背景にすると、ブラウザのタブの色にアイコンが自然に溶け込みます。ただし、Windowsの一部のブラウザでは、適切なICOファイルを含めないと透明ファビコンの背景に白いボックスが表示されます。このツールが自動で処理します。ロゴに白が含まれているなら、公開前に明るいタブと暗いタブの両方でテストしてください。

A 実は必要ありません。Chrome、Firefox、Safari、EdgeはすべてPNGファビコンを問題なく表示します。.icoはほとんどレガシー形式になりました。ただし古いWindowsシステムやブラウザのブックマークは.icoを期待します。このツールでは全サイズのPNGと.ico両方を生成します。サーバーに両方のファイルタイプをアップロードしてください。HTMLのlinkタグがブラウザに適切なファイルを伝えます。32x32の.icoファイルだけでほぼ全ての互換性をカバーできます。

A いいえ、正しく設定すれば問題ありません。32x32ピクセルのPNGファビコンは2KB未満です。6サイズすべてをまとめても50KBを超えません。これはページ上の写真1枚より小さいサイズです。本当の原因はキャッシュ設定の欠如です。サーバーでファビコンを最低1週間キャッシュするよう設定してください。設定がないとブラウザはページを開くたびに再リクエストします。当ツールのZIPパッケージにはApache向けの.htaccessサンプルも含まれています。

A モバイルブラウザは256x256を無視して、小さいサイズを引き伸ばすことがあります。iPhoneのSafariはブックマーク用に180x180のPNGを好みます。それより小さいとぼやけます。このジェネレーターは16x16から256x256まで全サイズを作成するので、適切なファイルが手に入ります。1つだけではなく、全セットをアップロードしてください。180x180のシャープなPNGで、ほとんどのモバイルぼやけ問題は解決します。

A 可能です。テキストを入力し、背景色とフォントスタイルを選ぶと、全サイズが即座に生成されます。イニシャル、例えばパン屋サイトの「B」のようなケースに最適です。コツは文字を短く保つこと—最大2文字まで。それ以上長いと16x16ピクセルで読めなくなります。入力中にプレビューがリアルタイムで更新されるので、確認しながら調整できます。

A アイコンが表示される場所によります。ブラウザのタブは32pxですが、アプリストアやデスクトップのショートカットは大きなサイズを求めます。Appleのタッチアイコンは180x180、Windowsのスタートメニューのタイルは256x256を参照します。大きいサイズを省略すると、その場所では画像が荒く見えます。一度フルセットを生成するのに数秒しかかかりません。全部アップロードしておけば、後から作り直す手間がありません。

A ブックマークはブラウザのタブとは別物です。Safariは180x180のタッチアイコン、Chromeは48x48のPNG、Windowsはスタートメニューに256x256を使います。16x16しかアップロードしていないと、ブラウザが無理やり拡大するため輪郭がぼやけます。このツールなら全サイズを一括生成できるので、ZIPの中身をすべてサーバーのルートに置いてください。その後、スマホとPCの両方でブックマークを確認してみましょう。きちんと表示されるはずです。

A ダウンロードしたZIP内にある8つのファイルすべてを、ルートディレクトリにそのままアップロードしてください。多くの人はfavicon.icoだけを設置しがちですが、それは間違いです。Android用の192x192やiOS用の180x180など、モダンブラウザはそれぞれ異なるサイズを要求します。生成されたフォルダ丸ごと公開すれば、どんな端末でもきれいにアイコンが表示されます。

A 鮮明な仕上がりを求めるなら、高解像度のPNG形式が一番です。512x512ピクセルの画像を使えば、16x16のサイズでも綺麗に縮小できます。圧縮された粗いJPEG画像は避けてください。小さなサイズに縮小すると、圧縮ノイズが目立ってしまいます。背景を透明にしたクリーンな画像をアップロードするのがコツです。