概要
最近は 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 が詰め合わせされた zip ファイルが作成されるのでリンクをクリックしてダウンロードします
あとは含まれているファイルをドキュメントルートにコピーして、その下に表示される link タグやら meta タグの情報を自分のサイトのヘッダ部分にコピペすれば OK です
注意点
注意点としてはドキュメントルートではなくサブディレクトリを掘ってそこに favicon ファイル一式を配置したい場合などはちゃんとタグの情報も変更するようにしてください
また manifest.json と browserconfig.xml 内でも favicon 画像へのパスの定義があります
なので、そちらも必ず変更するようにしてください
0 件のコメント:
コメントを投稿