JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

文字のファビコン

最大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">

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールCSSのコーナーリボンとバッジ(ribbon と badge)→
広告

文字のファビコン: 用途

最大3文字を入力し、フォント、形(円、角丸の四角、四角)、色、文字サイズを選んでください。プレビューには、ブラウザのタブでの16px、48px、iPhoneでのアイコンが表示されます。

.zipパッケージには、16、32、48pxのfavicon.ico、iPhoneとAndroid用のPNG、site.webmanifest、サイトのheadに貼り付けるコードが入っています。

使い方

  1. ブランドのイニシャルを入力します。
  2. フォント、形、色を選びます。
  3. パッケージをダウンロードして、コードをサイトに貼り付けます。

使うタイミング

  • まだロゴのない新しいサイト。
  • ブログや個人のポートフォリオ。
  • プロジェクトの仮のアイコン。

よくある質問

パッケージには何が入っていますか?

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は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。