faviconに使う画像を作る

GIMPを使って3Dモデルのスクリーンショットからfavicon画像を作成する手順の備忘録。

favicon GIMP

概要

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

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