Skip to main content
Known Participant
April 27, 2022
Answered

Illustratorでのバナー作成・入稿につきまして

  • April 27, 2022
  • 2 replies
  • 1402 views

ご質問恐れ入ります。

 

WEBサイト用のバナーを、Illustratorでデザイン、作成しております。

(仮に 横234×縦60ピクセル とします)

 

現在、Illustratorのアートボードを上記ピクセル数のサイズで作成し、

そこにデザインを作成しております。

 

仕上がった後、デザインを先方にお渡しする際は、

仕上がったIllustratorのデータをPNG等に書き出しして、

そのままお渡しすれば問題ないのでしょうか。

それとも、Photoshopでぴったりのピクセル数に調整する必要があるのでしょうか。

 

Illustrator中級、Photoshop初級 というレベルで、

WEB関連の経験はございません。

バナーは過去に作成したことはあるのですが、

いつも縦横比さえ合っていれば問題ないということでお渡ししてしまっておりました。

(WEB制作会社さんのほうでご調整いただいていました。なお今回もその見込みです。)

 

うまくご説明が出来ているか恐れ入りますが、

どうぞよろしくお願いいたします。

 

 

This topic has been closed for replies.
Correct answer r360studio Kazue Mori

23645103gvtk さん、こんにちは。

 

先方さま、ということは、請負でバナー作成のお仕事をされていらっしゃるのでしょうか?
そう仮定して、コメントいたしますね。

 

請負のお仕事では、入稿形式(サイズ・ファイル形式・データの送付方法)など、すべて契約に基づいて決まります。ですので、この件については、先方にお聞きするのが確実です。

 

次に、わたしの過去の経験則的な入稿の事例ですが、

 

ウェブサイト用バナー
横234×縦60ピクセル

という条件から、

 

●サイズは、指定の横234×縦60ピクセルにピッタリ作成
※Illustratorでも、ぴったり作成できますが、Photoshopを併用しても、データが綺麗に書き出されていれば問題ありません。

 

●ファイル形式は、先方にお伺いする。
特に指定がなければ(よくわからないからおまかせすると言われた場合)、データの色数が「256色」までなら「PNG8」形式で。色数がフルカラーなら「JPEG」形式で入稿。

※なお、バナーサイズということで、Yahoo!など、どこかの媒体用のバナーであれば、その形式に従います。


例)Yahoo!広告(ディスプレイ)の入稿既定
https://ads-help.yahoo.co.jp/yahooads/guideline/articledetail?lan=ja&aid=1493&o=default

 

という形で進めています。


以上、なにかのヒントになりましたら幸いです。
.

2 replies

ajabon grinsmith
Community Expert
Community Expert
April 27, 2022

アートボードサイズのピクセル数は一致してあるのに書き出したPNGのピクセル数に誤差が生じるという話でしょうか?

Known Participant
April 28, 2022

ajabon grinsmith 様

お返事が遅くなり申し訳ございません。
この度はご回答をいただき、大変ありがとうございます。

また、ご説明不足で大変失礼いたしました。

IllustratorからJPEGに、試しに書き出してみた際に、

ファイル → 書き出し の中の
・スクリーン用に書き出し
・書き出し形式
・WEB用に保存(従来)

という3つの選択肢のうち、
「書き出し形式」 を選び、高解像度のJPEGで保存してしまっておりましたため、
Photoshopで開くと当然ながらピクセル数が大きくなってしまっておりました。
(当然のことでございました、、)

先程、
「WEB用に保存(従来)」 で、
ピクセル数を保ったままJPEGに保存することで、
Photoshopで確認した際にも問題なく正しいサイズとなっておりました。

このあたりの挙動についてはまだまだ勉強が必要です。
ご回答いただき、ありがとうございました。

r360studio Kazue Mori
Community Expert
r360studio Kazue MoriCommunity ExpertCorrect answer
Community Expert
April 27, 2022

23645103gvtk さん、こんにちは。

 

先方さま、ということは、請負でバナー作成のお仕事をされていらっしゃるのでしょうか?
そう仮定して、コメントいたしますね。

 

請負のお仕事では、入稿形式(サイズ・ファイル形式・データの送付方法)など、すべて契約に基づいて決まります。ですので、この件については、先方にお聞きするのが確実です。

 

次に、わたしの過去の経験則的な入稿の事例ですが、

 

ウェブサイト用バナー
横234×縦60ピクセル

という条件から、

 

●サイズは、指定の横234×縦60ピクセルにピッタリ作成
※Illustratorでも、ぴったり作成できますが、Photoshopを併用しても、データが綺麗に書き出されていれば問題ありません。

 

●ファイル形式は、先方にお伺いする。
特に指定がなければ(よくわからないからおまかせすると言われた場合)、データの色数が「256色」までなら「PNG8」形式で。色数がフルカラーなら「JPEG」形式で入稿。

※なお、バナーサイズということで、Yahoo!など、どこかの媒体用のバナーであれば、その形式に従います。


例)Yahoo!広告(ディスプレイ)の入稿既定
https://ads-help.yahoo.co.jp/yahooads/guideline/articledetail?lan=ja&aid=1493&o=default

 

という形で進めています。


以上、なにかのヒントになりましたら幸いです。
.

Known Participant
April 28, 2022

r360studio Kazue Mori 様

 

お返事が遅くなり申し訳ございません。
この度はご回答をいただき、大変ありがとうございます。
とても勉強になります。

 

また、お言葉不足で申し訳ございません。
こちら請負でのバナー制作業務です。

 

入稿形式は、おっしゃられる通り先方にお伺いするのが一番なのですが、
先方様があまりお詳しくないことと、
先方様と私との間にさらに数名が入っているため、
先方様からWEB制作ご担当者様(おそらく外部の)に問い合わせをしていただく、
ということ自体がなかなか難しいようで、
また、お伺いした場合、おそらく
「一般的にはどうなのですか?一般的な形で結構です。」
というお返事があると思い(汗)
ご質問させていただきました。

 

色数の点、大変勉強になりました。(存じませんでした、、)
今回は256色を意識して作成しておらず、自由に作ってしまったので、
IllustratorからWEB用に保存という形でJPEGに変換してお渡ししてみようと思います。

 

様々なケースを想定の上、
詳しくお教えいただきありがとうございました。
大変助かりました。