他のサイズのサイトアイコンを作るなら「Favicon Generator for perfect icons on all browsers」が便利
更新日
Favicon Generator for perfect icons on all browsers
[image realfavicongenerator.net-.png]
サイトアイコンをPC、タブレット、スマホなどの様々なデバイスに合わせた画像サイズを用意するのは大変、そんなときは専用のウェブサービスを使ってさくっと作っちゃおう。
海外のサイトで日本語対応していませんが、使い方はとても簡単です。
- 縦260px横260px 以上のサイトアイコンを用意する
- 「Select your Favicon image」ボタンを押して自分のデバイスからサイトアイコンをアップロードする
- オプションぽい所を適当にポチポチ押すと、サンプルビューが表示されるので見て決める
- 最後の「Favicon Generator Options」には注意
- Generatorボタン押す 6.「Favicon Package」ボタンが表示されたら押してダウンロードする
- ダウンロードしたファイルはzipファイルなので解凍・展開をする
- 出てきたデータをそのままサイトにアップロードする
出てきた画像データリスト
[image screenshot.9.png]
readmeファイルを除いて、19個の画像サイズが用意されている
Favicon Generator Optionsの説明
[image realfavicongenerator.net---3-.png]
左から「ファイルの場所」「バージョン」「画像軽量化」「縮小アルゴリズム」「アプリ名」「追加ファイル」とある。
- ファイルの場所は、ファビコンのアップロード先だ。公開ディレクトリの最上階ならば一番最初の項目でかまわない。
- バージョンはサイトアイコンを今後変更するならば設定しておくとよいだろう。しておくと変更したときに前のデータから瞬時に切り替えることができる「v=1」または「v=日付」のようにしても良い
- 画像軽量化は見ての通り、画像の容量を軽量化できる。軽量化するとサイトの表示に高速化につながるのでサンプルを見て決める。
- 縮小アルゴリズムは画像を縮小したときにやはり画像がつぶれてしまうことがおおい。縮小アルゴリズムによってはきれいに縮小できる場合があるサンプルを確認して決める
- アプリ名はWindowsにアイコンを表示するときに表示するテキストのことである。通常は設定しない
- 追加ファイルは通常は不要