ここ最近、生成AIで色々とやることが増えてきました。

アイデア出しにクリエイティブの制作やコーディング、まだそのまま右から左に流し込んで使えるようなところまでは行っていないんですが、それでもかなり作業効率は良くなっています。

私が投稿している記事のサムネイルも生成AIで作っているんですが、前提情報なしだとどうしてもAIっぽいサムネイルが出来上がってしまいます。

こんなやつですね。

今回はこのAI生成っぽいサムネイルをどこまで自分のwebサイトのトンマナに寄せられるかGeminiで検証してみました。

サムネイル生成の検証

Midjourneyの--srefコード（ https://sref-midjourney.com/ja ）を使えば手間が省ける部分もあるかもですが、あまり色んな生成AIツール使うの好きじゃないので今回もGemini proでやります　笑

検証は以下の３点で行います。

1.普通に一文で生成してみる

2.明確な指示をして生成してみる

3.あらかじめサイトのソース( https://www.dig-it-design.com )を提供して生成してみる

さあ、どんな結果になるのでしょうか。

楽しみになってきましたね。

普通に一文で生成してみる

まずはワンショット。一文と条件を簡単につけて生成を依頼してみます。

以下を記事のタイトルとして、その雰囲気を表すサムネイルを作成してください。
- 生成AIでサムネイルのトンマナ調整はできるか

生成結果　↓

うん。AIっぽい。

でもこんなのがものの数秒で出来上がっちゃうんだからとんでもないですね。

明確な指示をして生成してみる

次はフューショット。

ソースは渡しませんが、自身のwebサイト( https://www.dig-it-design.com )に則ったカラーなどを伝えます。

以下を記事のタイトルとして、その雰囲気を表すサムネイルを作成してください。
- 生成AIでサムネイルのトンマナ調整はできるかデザインの条件は下記です。
- 写真的なイメージは不要
- シンプルでミニマルアイコンを用いた雰囲気
- 余白を多く用いて、すっきりした印象
- 実際にwebサイトで使っているカラー定義（下記）を参考に配色お願いします$color-black: #000;$color-secondBlack: #282828;$color-dark-gray: #333;$color-gray: #707070;$color-light-gray: #ccc;$color-yellow: #eeae1aff;$color-white: #fff;

若干見切れてますがご勘弁を。 ↑

生成結果　↓

先ほどのワンショットよりは、だいぶ雰囲気に近づいたような気がしますね。

しかし必ずと言ってもいいほど文字が入るのがAIっぽい。

あらかじめサイトのソースを提供して生成してみる

では最後に、自身のwebサイトのソース( https://www.dig-it-design.com )を渡して生成を依頼してみましょう。

以下を記事のタイトルとして、その雰囲気を表すサムネイルを作成してください。
- 生成AIでサムネイルのトンマナ調整はできるかデザインの雰囲気は https://www.dig-it-design.com のイメージに合わせてください。

生成結果　↓

なんなんこれ。

もはやサムネイルではなく、webサイトのスクショのような画像が出来あがってしまいました。

実はGeminiは、ソースから構造(文章やhtml構造など)を取得することはできても、視覚的に情報を得ることが難しいAIです。

ここの雰囲気で画像を作成して欲しい。と言っても、このような見当違いの画像が出てきてしまうことがほとんどで、情報を読み取ることができても、雰囲気を反映することができないんですね。

まとめ

さて、ざっくりとですが、３つの方法を検証した結果、「明確な指示をして生成してみる」が一番雰囲気に近いサムネイルを生成できましたね。

Geminiではこのように文書化が精密であればあるほど、期待する結果を得やすくなります。

うまく利用して、作業の効率化を図りたいものですね。

（他の画像生成得意な生成AI使えよって話もあるんですがそれは置いておきましょう。）

ではでは。