Pythonと本と子供と雑談と

いつからはじめても遅くない

Canvaでfaviconを作ってみた

f:id:mazarimono:20210521130737p:plain

最近、はてなでもアイキャッチ画像を作るようにCanvaが使えるようですが、プレゼン資料の作成などに便利なのでちょっと前からCanvaを使っています。

https://www.canva.com/

そして必要な時に色々画像を作っています。良いです。検索も良いので欲しい画像がすぐ作れます。

そして今日は、ウェブサイトのfaviconを作成してみました。

作り方

faviconのサイズって16px × 16pxです。しかし、Canvaは40px以上しか扱えません。というわけで、40px以上で作りましょう。

デザインは思いつくままやってみましょう。私は自分の会社のものなの(合同会社長目)で目をモチーフにAIっぽいものを作ってみました。

https://i.gyazo.com/f501d3fc5cabe17ccd2dd319fe25ff5c.png

まつげを右肩上がりのチャートに、AIっぽくグラフを加えましたw

作成したらローカルにダウンロードします。

https://i.gyazo.com/136ea8ff200cc8ecab59629434e6425e.png

ローカルにダウンロードしたら、ダウンロードフォルダに格納されるので、右クリックでプログラムから開く、ペイントを選択します。

https://i.gyazo.com/85719cbb553eccb5d3f12b610e8e5e16.png

ペイントで画像を開いたら、サイズの変更をクリック、単位をピクセルにし、水平方向、垂直方向のサイズを16に変更します。

gyazo.com

これで、faviconが完成しました。

まとめ

こんな感じでCanvaを使うと簡単にfaviconも作れます。

がんばって作ったfavicon日銀短観の可視化アプリに使ってみたのですが・・・

全然見えませんでしたw残念。

chomoku.herokuapp.com