faviconに使う画像を作る

更新:2021/04/29 作成:2021/04/29

favicon GIMP 透過 備忘録 toutounode開発記録

概要

toutounodeを開発する際の備忘録

faviconに使う画像を作る

faviconは以下の部分のこと
image.png

適当なpng画像を用意する(自分は以前に作った3dモデルをUnityで表示してスクショをとった)

image.png

GIMPで透過画像を作成

  1. ファイルから画像を読み込む
  2. レイヤー->透明部分->アルファチャンネルの追加(追加されていない場合は追加)
  3. 左上の自由選択から透過部分を選択
    image.png
  4. ファイル->エクスポートでデフォルト設定のまま保存

tou_transparent.png

faviconジェネレーターでpngをfavicon.icoに変換

  • 公開ディレクトリに置いて完成
    image.png

結構見えずらいですね、、、ぱっと見でわかるデザインに変えたい。