サイトアイコンやファビコンとも言いますね。
favicon(ファビコン)はFavorite icon(お気に入りのアイコン)を省略したものです。
![](https://gotta.work/wp-content/uploads/2022/09/ホームページアイコン1.png)
最初にアイコンを作ります。
Windows標準のペイントを使います。
![](https://gotta.work/wp-content/uploads/2022/09/gotta.png)
〇の形を選び、基本の形を決めました。トヨタのマーク位の楕円形です。
![](https://gotta.work/wp-content/uploads/2022/09/gotta1.png)
曲線マークを選んで、線を変形させたりします。
![](https://gotta.work/wp-content/uploads/2022/09/gotta2.png)
ヤシの木っぽくデザインしてみました。
補助の線は色を変えて、細くして描きます。
![](https://gotta.work/wp-content/uploads/2022/09/gotta3.png)
同じ色を塗りつぶすツールを使って必要な場所に色をつけます。
![](https://gotta.work/wp-content/uploads/2022/09/gotta4.png)
大体、できました。あとは、いらない線を消していきます。
![](https://gotta.work/wp-content/uploads/2022/09/gotta5.png)
完成です。
![](https://gotta.work/wp-content/uploads/2022/09/gotta6.png)
ワードプレス「外観」→「カスタマイズ」→「サイト基本情報」
や
![](https://gotta.work/wp-content/uploads/2022/09/サイトアイコン.png)
サイトアイコンは512 × 512ピクセル以上の正方形とのこと。
正方形に整えて、、、
画像をダウンロードしました。
![](https://gotta.work/wp-content/uploads/2022/09/gotta7.png)
はい、何がなんだか分からないくらい小さいです。失敗です。
![](https://gotta.work/wp-content/uploads/2022/09/crop154TSURUTAMA20211.png)
アイコンは指のにしときます。
みなさんも自分のロゴなど製作してみましょう。楽しいですよ。
コメント