終了

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

エクスプローラー ,
Apr 26, 2022 Apr 26, 2022

リンクをクリップボードにコピー

コピー完了

ご質問恐れ入ります。

 

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

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

 

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

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

 

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

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

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

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

 

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

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

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

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

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

 

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

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

 

 

キーワード
読み込みと書き出し

表示

352

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Apr 27, 2022 Apr 27, 2022

23645103gvtk さん、こんにちは。

 

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

 

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

 

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

 

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

という条件から、

 

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

 

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

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


例)Yahoo!広告(ディス

...

投票

翻訳

翻訳
Community Expert ,
Apr 27, 2022 Apr 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

 

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


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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Apr 27, 2022 Apr 27, 2022

リンクをクリップボードにコピー

コピー完了

r360studio Kazue Mori 様

 

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

 

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

 

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

 

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

 

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

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Apr 27, 2022 Apr 27, 2022

リンクをクリップボードにコピー

コピー完了

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Apr 27, 2022 Apr 27, 2022

リンクをクリップボードにコピー

コピー完了

最新

ajabon grinsmith 様

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

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

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

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

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

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines