【サイト作成】ファビコンを設定する方法

プログラミング
Photo by Brett Jordan on Unsplash

シュテル(@sterchannel2020)です!

ブラウザのタブに表示されるアイコンを変更したい

「ファビコン」と呼ばれる部分ですね。

設定方法覚えましょう👍

HTMLのhead内に1行書き込むだけでOK

ファビコン画像を作る時のポイントは?

ブランドカラーやマークは活かしつつ、シンプルに仕上げます。

32px四方以上、形式はpngで作ります。

各デバイス用の画像を一括作成してくれるサービス

RealFaviconGeneratorで各デバイス対応の画像を一括生成することが可能です。

スマートフォンのホームスクリーンなどもこれで用意できるので便利ですね。

まとめ:画像作ってHTML1行でOK。多デバイス対応は外部サービスで👍

想像より随分簡単でしたね!

サクッと設定して次行きましょう👍

タイトルとURLをコピーしました