2018年6月21日木曜日

favicon を作成するなら「Favicon & App Icon Generator」がおすすめ

概要

最近は iOS や Android、各ブラウザごとにいろいろなタイプの favicon を作成しないといけません
そんなときに便利なのが Favicon & App Icon Generator です
ファイル 1 つですべてのタイプの favicon を作成してくれます

環境

  • macOS 10.13.5
  • Favicon & App Icon Generator (2018/06/20 時点)

使い方

まずサイトにアクセスします
https://www.favicon-generator.org/

そして作成したい favicon の元画像を選択し「Create Favicon」を選択します
favicon_generator1.png

少し待つと favicon が詰め合わせされた zip ファイルが作成されるのでリンクをクリックしてダウンロードします
favicon_generator2.png

あとは含まれているファイルをドキュメントルートにコピーして、その下に表示される link タグやら meta タグの情報を自分のサイトのヘッダ部分にコピペすれば OK です

注意点

注意点としてはドキュメントルートではなくサブディレクトリを掘ってそこに favicon ファイル一式を配置したい場合などはちゃんとタグの情報も変更するようにしてください
また manifest.json と browserconfig.xml 内でも favicon 画像へのパスの定義があります
なので、そちらも必ず変更するようにしてください

0 件のコメント:

コメントを投稿