ファビコン 作成
好きな画像からファビコン一式を作成します。favicon.ico、16・32・48・180・192・512pxのPNG、Webマニフェスト、貼り付けるだけのHTMLコードを1つのZIPにまとめてお届けします。
512px以上の正方形の画像がおすすめです。
合わせ方
背景
プレビュー 16×16 32×32 48×48 180×180 192×192 512×512
HTMLコード(<head>内に貼り付け)
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
使い方
- 正方形のロゴやアイコン(PNG・JPG・WebP・SVG、512px以上が理想)を選択します。
- リアルタイムのプレビューを見ながら、合わせ方・余白・背景・角の丸みを調整します。
- ZIPをダウンロードし、ファイルをサイトのルートフォルダにアップロードして、HTMLコードを<head>内に貼り付けます。
よくある質問
どのサイズのファビコンが必要ですか?
ブラウザ用のfavicon.ico(16/32/48)、iPhoneのホーム画面用の180px apple-touch-icon、Androidやインストール可能なWebアプリ用の192/512pxです。このツールですべて作成できます。
ファビコンが表示されないのはなぜですか?
ブラウザはファビコンを強くキャッシュします。ページを強制再読み込みするか、シークレットウィンドウで開くと新しいアイコンを確認できます。
SVGのロゴも使えますか?
はい。SVGはどのサイズでもくっきり描画されます。
ロゴはアップロードされますか?
いいえ。アイコンはすべてブラウザ内で作成されます。