カテゴリー
エッジプラス1テンプレートの質問

ヘッダー画像がぼやけて汚い

ご利用のテンプレート:E04
ご利用のサーバー:ロリポップ
お客様のスキル:「WordPressは初めて」
ご質問内容:ヘッダー画像を手順の通りバナー工房で作成し、E04にあてはめましたが解像度が低いのかヘッダー画像がぼやけて汚くなってしまいます。改善方法はございますでしょうか?

「ヘッダー画像がぼやけて汚い」への1件の返信

お世話になります。

ヘッダーのサイズはどのくらいで作りましたか?
E004のヘッダーは950×294になります。

ヘッダーに限らず、写真やイラストなどの画像は、大きいものを小さく表示させる時は、
ぼやけたりすることはあまりありません。

ですが、小さい画像を大きく引き伸ばしたり、
無理にサイズ以上の大きさで表示させようとすると、
画像に劣化がでてしまい、ボヤけて汚くなります。
web制作では小さな画像や文字を引き伸ばすことはしないようにしています。

また、使用する画像も解像度の高い写真を使用しています。
たとえば、一眼レフでとった画像はきれいだけど、
スマホでとった画像はきれいではない、などがあります。
最近のスマホはカメラも高機能ですが一昔前のスマホやデジカメはあまりキレイな画像が撮れません。

webサイトのパーツを作る時の基本は、

● 画像を使用するときは、元々解像度の高いキレイ画像を使う。
● 小さいサイズの画像を大きく引き伸ばさない。
● 大き目の画像を小さく加工する場合も何度もサイズ変更をしない。
※ サイズを縮めたりして、加工&保存するたびに劣化するので基本は一回で縮小する
● ファイル形式はpngかjpegが望ましい。
※ web制作で使用する画像はほとんどの場合pngかjpeg。バナーはgifなど。

私たちはweb制作をしているのでフォトショップを使っています。
フォトショップなどの優良ツールを持っていない方や、
まだ使えない方にはバナー工房がおすすめなのですが、
やはりバナー工房はフォトショップなどのグラフィックソフトより劣ります。

テンプレートのcssなどを追加するなどの方法では、
画像がきれいになったりすることはありませんので、
大本の画像をなるべくきれいに作成するしか方法はありません。

コメントを残す