ブログのトップページをChatGPTで改善しました

2026年6月7日

ブログのトップページが少し古臭いことが気になっていました。
特に気になっていたのは、ヒーロー画像が暗いことです。

白文字を見やすくするために青いオーバーレイを入れていましたが、全体的に暗くなっていました。
また、「テーマ別に読む」の部分も文字ばかりで、何のカテゴリなのか分かりにくい状態でした。

最初のトップページ画像も、ChatGPTに相談して作ってもらったものでした。
ただ、最近のChatGPTの画像生成がかなり進化していたので、「今ならもっと良くできるのでは？」と思い、トップページを改善することにしました。

目次 [ close ]

ChatGPTにトップページを見てもらった

現在のトップページをChatGPTに見てもらったところ、いくつか改善案をもらいました。

最初は「そこまで変わるのかな？」と思っていました。
ただ、ChatGPTに改善案をもらったので、実際に画像を作り直してみることにしました。

変更前のトップページはこちらです。

ヒーロー画像は犬の写真をベースにしていました。

ただ、情報量が多く、タイトル文字が少し埋もれていため、文字を読ませるために青オーバーレイを強くしていました。
結果として、全体的に少し暗い印象になっていました。
また、「テーマ別に読む」も文字だけだったため、少し古いサイト感がありました。

今回はChatGPTに、次の方向性で画像を作ってもらいました。

作成したヒーロー画像はこちらです。

以前よりかなり明るくなり、「親しみやすい実践ブログ感」が出たと思います。

「テーマ別に読む」の部分も改善しました。
以前は文字とボタンだけでしたが、次のカテゴリについて画像を追加しました。

変更前後を比較すると、かなり見やすくなりました。

変更前

変更後

画像があるだけで、カテゴリの内容がかなり分かりやすくなったと思います。

今回かなり驚いたのが、サイズ指定への対応です。

ヒーロー画像では、「1620×560に収まるように」と指定すると、縮小した時にきれいに収まる構図で画像を作ってくれました。

さらに、テーマ別画像は最初は4カテゴリを1枚で作成した後、「4分割したい」とお願いすると、簡単にカテゴリごとの画像に分割できました。

また、最初は文字入りの完成イメージを用意し、あとから「文字を消した背景版」を依頼しました。
すると、ほとんど同じデザインを維持したまま、背景画像だけを自然に生成できました。

さらに、文字入り画像で文字色を確認できたので、「この色なら見やすい」という判断もしやすかったです。
デザインセンスに自信がない自分でも、かなりきれいなトップページを作ることができました。

ChatGPTの画像生成はかなり進化していて、「まず作る」がかなりやりやすくなっていると感じました。
トップページ改善を考えている人は、まず試してみるのがおすすめです。

改善したトップページは次です、参考にしてみてください。