webサイトのhead内に以下のスクリプトを記述してください。
<link rel="icon" href="/favicon.ico"><!-- スマホ用アイコン -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon180x180.png">
<!-- Windows用アイコン -->
<meta name="application-name" content="{サイト名}"/>
<meta name="msapplication-square70x70logo" content="favicon70x70.ico"/>
<meta name="msapplication-square150x150logo" content="favicon150x150.ico"/>
<meta name="msapplication-square310x310logo" content="favicon310x310.ico"/>
<meta name="msapplication-TileColor" content="#FFFFFF"/>
ファビコンを作成してあなたのwebサイトに設定しましょう!
突然ですが、こんなエラーみたことありませんか?Failed to load resource: the server responded with a status of 404 (Not Found)
[error] File does not exist: xxx/xxx/favicon.ico
ファビコン用のファイルがないためにエラーがでます。
ファビコンを作成して、あなたのサイトにファビコンを設置すれば解決します!
ファビコンのデザインを作成した後、各デバイスに合わせてファビコンを作成するのは大変ですよね!
この無料ファビコンジェネレーターは、安全に!簡単に!高速に!、デザインしたファビコンを基に、
各OS、デバイスにあったファビコンとメタタグを生成します。
2019年最新のファイコン事情に対応しています。
【2019年版】Webサイトのファビコンや各種アイコンの正しい設定方法 ファビコンをつくりたいけど、公開前のデータが外部に流出するのはちょっと。。
勝手にサーバーの中に保存されて誰かに見られるんじゃない。。
ご心配不要です!
お使いのPCやスマホにあるブラウザ中でファビコンを作成するため、
画像データーが外部へ流出しません!
サーバーへ通信は行っておらず、Javascriptだけで処理をしています。
画像データは、当サーバーには送られていないので、当サイトで画像データを見ることも触れることもありません。
ディスクトップやフォルダにある画像をドラッグドロップするだけ!
あとは、プレビューを見て、ダウンロードボタンを押すだけ!
お使いのPCやスマホにあるブラウザ内でファビコンを作成、通信時間がいらないから速い!
あっという間にいろいろなブラウザやスマホに対応したファビコンが作れてしまいます!
webクリエーターで、いろいろなwebツールをつくっています。
無料ファビコンジェネレーター自由に使ってください!