文字のファビコン
最大3文字を入力し、色と形を選んで、ブラウザのタブでの見え方を確認してください。favicon.ico、iPhoneとAndroid用のアイコン、<head>用のコードをまとめてダウンロードできます。
使い方イニシャルのファビコン
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
広告
文字のファビコン: 用途
最大3文字を入力し、フォント、形(円、角丸の四角、四角)、色、文字サイズを選んでください。プレビューには、ブラウザのタブでの16px、48px、iPhoneでのアイコンが表示されます。
.zipパッケージには、16、32、48pxのfavicon.ico、iPhoneとAndroid用のPNG、site.webmanifest、サイトのheadに貼り付けるコードが入っています。
使い方
- ブランドのイニシャルを入力します。
- フォント、形、色を選びます。
- パッケージをダウンロードして、コードをサイトに貼り付けます。
使うタイミング
- まだロゴのない新しいサイト。
- ブログや個人のポートフォリオ。
- プロジェクトの仮のアイコン。
よくある質問
パッケージには何が入っていますか?
favicon.ico(16、32、48px)、favicon-32x32.png、apple-touch-icon.png(180px)、Android用の192pxと512pxのアイコン、site.webmanifest、そして<head>に貼り付けるコードです。
何文字使えばいいですか?
1文字か2文字です。ブラウザのタブではアイコンが16ピクセルしかなく、3文字だと読みにくくなります。プレビューには実際のサイズでアイコンが表示されます。
すでにロゴがあります。どのツールを使えばいいですか?
画像から作るファビコンジェネレーターを使ってください。ロゴから同じファイルを作成できます。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。