編集

文字ベースのファビコン作成方法

2022/08/29


文字ペースのファビコン作成の流れをざっと覚え書き。

テキストから画像ファイルを作ってくれる無料画像加工サイトもじまるさんの文字画メーカーで、ファビコンの元になる画像を作成。

加工しやすいように、大きめ(文字種にもよりますが、600~700px)に作るのが吉。

作成した画像をダウンロードしたら、ペイント等でサイズ等を修正。

修正画像は、512x512px サイズあれば、必要十分。

文字種にもよりますが、文字を見やすくするために、左右の空白はそれなりにいるので、その辺も注意が必要です。

画像の角を丸くしたい場合は、画像加工編集サイトバナー工房さんが便利、というか、自分はそこを利用しました。

もじまるさんでも同様のことは可能、ということに、この記事を書いている時に気付いたり…

下準備が完了したら、Favicon Generator. For real.さんで、一括変換。

ダウンロードした圧縮ファイルから、必要なファイル(android-chrome-192x192.png、apple-touch-icon.png、favicon.ico)を解凍して、ブログにアップロード&html編集。

以上!