LPのトップページはコードで作るべきか、それとも画像の方が良いか

Question

LPを作っています。
トップページを青のグラデーション背景→人物画像→文字というレイヤーで作りたいのですが、グラデーション背景と人物画像両方を画像で作るか、グラデーション背景と文字をコードで、画像は画像で作るか迷っています。

※画像はイメージ図です。

コードでグラデーション部分を作る場合、ボックスの大きさを指定して、そこに人物画像を入れ、文字を入れることになると思っております。

画像でグラデーション部分を作る場合、Illustratorで画像を作り、それをサイトに埋め込み、その上にさらに人物画像と文字を入れることになると思っております。

回答よろしくお願いします。

Comments

[kyoya0819]

どういう観点で言っていますか？
SEO？
UI？
その他？

[AmiI]

画質が高いデバイスで見たときにザラついた表示にならず、初心者でも扱いやすいと助かります。

[kyoya0819]

私の質問に答えてください。

[oikashinoa]

asuchi0819さんが書いているように何のためにLP作っているのかを書くと良いですよ。

答えが変わりますので。

Answer 1

グラデーション部分

これは、CSSのlinear-gradient一択でしょう。画像だと重いし、ざらつきます。

CSSのグラデーション（linear-gradient）の使い方を総まとめ！

人物は画像でいいでしょう。SVGで埋め込みという方法もありますが、イラスト的なものになります。

コードでグラデーション部分を作る場合、ボックスの大きさを指定して、そこに人物画像を入れ、文字を入れることになると思っております。

そういうことになりますね。