Skip to main content
Participating Frequently
March 17, 2025
質問

バナー制作時の埋め込みを配置で画質が荒くなる

  • March 17, 2025
  • 返信数 2.
  • 1884 ビュー

バナー制作にあたって300×250pixel 72ppiで作業しているのですがwebサイトでフリー素材をダウンロードしそれを埋め込みを配置すると画像が荒くなってしまいます。ネットで調べ画像解像度やカンバスサイズを変えてみたのですが改善されませんでした。どのようにして画質を荒くせず埋め込みを配置するのか教えていただきたいです。よろしくお願いします。

返信数 2

ajabon grinsmith
Community Expert
Community Expert
March 17, 2025

フリー素材を単体で開いた時に比べて明らかに荒くなるのでしょうか?

配置ではなく、作業中ドキュメントと別に開いて、移動ツールでフリー素材をドラッグ&ドロップで作業中ドキュメント上に複製した場合も同様でしょうか?

Participating Frequently
March 17, 2025

返信ありがとうございます。

はい、今試してみたのですが変わらず荒いです。写真は作業しやすいように400%に拡大したものです。

Participating Frequently
March 17, 2025

ピクセルの集まりでできているものを、拡大して見ているのですから荒れて?見えるのは当然なんですね(荒れているとは言いません。自分で拡大しているのですから)。

 

そのバナーは、使用する際(WEBブラウザで見るとき)には普通は拡大して見たりはしません。ですので作成中も「顧客が使用する場面での大きさ」で確認してあげることが大事です。

 

その際には、使用中のモニタの特性を勘案してやる必要があります。

 

普通の(4Kとかではない)モニタで見たとき、WEBブラウザの表示と同じ大きさはPhotoshopでは100%表示になります。

 

4KやRetina ディスプレイで見ると、WEBブラウザと合わせるにはPhotoshopでは200%表示しないと合いません。

編集>キーボードショートカットで、表示>200%に何か好きなキーを当ててやるなどしてください。

 

最適な大きさになるように常に100%や200%表示して確認してください。


すみません初歩的な質問になると思うのですがRetina ディスプレイというのを初めて聞いたので調べてみたところMacBook(わたしが使っているのはMacBook2020です)はそのディスプレイがついているみたいなのですが私のMacBook上でもRetinaディスプレイでの表示のように見えるべきなのでしょうか?明日また100%や200%で表示確認してみたいと思います。画像付きのご説明ありがとうございます。

ysnrnemo
Community Expert
Community Expert
March 17, 2025

問題の切り分けのための確認ですが「画像が荒くなってしまいます」というのは最終的にJPEGやPNGで書き出したときの話でしょうか?PCの画面上のプレビューの話でしょうか?

Participating Frequently
March 17, 2025

返信ありがとうございます。

キャンバス上の画面で300×250の等倍だと小さいので作業しやすいようにキャンバスを拡大したときに画質が荒くなります。

画像は400%に拡大したものです。

ysnrnemo
Community Expert
Community Expert
March 17, 2025

そもそもの話になるかもしれませんが、300×250pixelのデータを400%に拡大して編集しているので、画面上では荒く見えて当然ではないでしょうか?その上での話だったらすいません。