一覧へ戻る
OGP画像とfaviconを設定
ロゴの作成
OGP画像とfavicon用にシンプルなロゴのようなものが欲しかったので、ChatGPTに「羽」の字の要素を抽象化したロゴをいくつか作成してもらった。 faviconは32×32pxでも視認性が大事なので、小さく表示しても形が崩れないものを選択。
OGP画像、faviconの作成と設定
ChatGPTに作成してもらった.png画像をダウンロードして1200×630pxにリサイズすると、思ったよりファイルサイズが大きかった。試しに同じ画像をClaudeに渡して1200×630pxの.pngを作成してもらうと、約10KBになった。そのまま以下のサイズのfaviconもClaudeに作ってもらった。
- 32×32px
- 180×180px
- 512×512px
最後に、Layout.astroの<head>内へOGP画像とfaviconを設定して完了？
自分的には、こういう画像関連の作業が一番しんどい。細かい調整の連続というか、終わりも正解もない作業。こういうのが得意な人は本当にすごい。
このデザインで良いんだか悪いんだか最後までよく分からなかった。でも、このまま考え続けても何も生まれないし、先にも進まないので、一旦これで完成ということにした。