Barokit

🌐ファビコン作成 (PNG → ICO + マルチサイズ)

1枚の画像からウェブ用ファビコンセットを作成。16/32/48/64/128/256のPNGとICOファイルをZIPで一括取得。個人ブログ・ポートフォリオ・企業ホームページのブラウザタブアイコンとブックマークアイコンの設定にすぐ使えます。

🔒 ブラウザ内処理ウォーターマークなし登録不要

使い方

  1. 1正方形に近い画像をアップロードします(1:1比率推奨)。
  2. 2生成ボタンを押すと6解像度のPNG + ICOバンドルが作られます。
  3. 3ZIPをダウンロードしてウェブサイトのルートに配置します。
  4. 4<link rel="icon" href="/favicon.ico">のようなHTMLタグをheadに追加します。

よくある質問

ICOとPNGの違いは?+

ICOは複数解像度を1つのファイルにまとめたWindows標準です。最新ブラウザはPNGもよく認識しますが、IEなど旧バージョン互換のために両方提供しておくと安全です。

元画像はどこに送信されますか?+

どこにも送信されません。変換がすべてブラウザ内で行われます。

なぜ複数解像度が必要なのですか?+

ブラウザタブは16/32px、ブックマークは48/64px、モバイルホーム画面は128/256pxを使います。1つの解像度だけだと小さいサイズでぼやけて見える場合があるので複数解像度を提供します。

長方形の画像を入れるとどうなりますか?+

正方形に引き伸ばされたり切り取られて結果が不自然になります。事前に[画像クロップ]ツールで1:1に切り取ってアップロードしてください。

Apple touch iconやマニフェストアイコンも作りますか?+

現在は通常のfavicon用バンドルのみ生成します。iOS・PWA用180px・512pxアイコンが追加で必要なら[画像リサイズ]ツールを活用してください。

背景が透明なPNGで作れますか?+

元PNGの透明度がそのまま維持されます。ロゴのみが見えて背景が透けるファビコンを作れます。

関連ツール