スマホ用サーチサムネイル広告画像

Question

お世話になっております。
標記広告を近日中に入稿することになっております。

規定は、160 x 160 ピクセルで10,000バイト以内。出来上がりは100 x 100になりますとのこと。
背景に輪郭を切った商品画像1～2枚をのせようと思っています。

まずは背景を、Sketch pageの新規作成→白いキャンパスで作成→キャンパス設定で160 x 160ピクセルで作ると10,000バイトを超えたのでResizerのカスタムで160 x 160を再設定し(ファイルサイズは手動設定できず偶然小さくできました)小さくしました。

ところが、出来あがりはピクセル指定しているにもかかわらず、下に白い余白が帯状にできてしまいます。
この余白を消すにはどの様にすればいいでしょうか。
また、この背景に商品画像をのせていくにはどの様にすればいいでしょうか。
商品画像の大きさの調整は？

入稿までにあまり時間がなく、初心者であるため、最短でそこそこで仕上がる方法を教えていただけるでしょうか。その後の商品ページ作り込みについてはECコンサルタントがアドバイスしてくださることになっていますので、画像加工の技術面についてどうぞよろしくご教示ください。

Accepted Answer

ECマスターズの田中です。

＞下の余白解消は、シフトを押しながら画像を枠一杯に引き延ばして対処して下さいとのこと。

承知しました。
キャンバス一杯に拡げる操作をしたはずが、
ツール上ではキャンバス最下まで拡がっていなかったということですね。

＞また、Sketch Pageには透過処理機能はありませんとのことでしたので、透過処理の出来るソフトで
＞あればいいと思うのですが、Photoshop以外で”初心者"　が　"短時間"　で　"簡単に"使えるソフトは何でしょうか？

下記「画像背景透過処理」はいかがでしょうか。
http://pcrice.web.fc2.com/alpha/

画像ファイルをドラッグ&ドロップし、
透明化する色をクリックして
結果を「名前をつけて保存」するだけで
SketchPageに使えるPNGファイルがダウンロードできます。

圧縮の関係上、GIFまたはPNGファイルを編集すると
綺麗に透明化ができますが、
JPGファイルは余計な部分が残る場合がありますので、
その時は「許容値」の値を上げながら結果をご確認ください。

Answer

ECマスターズの田中です。

「Resizer」というソフトでの編集を挟むことによって余白ができている可能性がありますので、
SketchPageの「画像をつくる」機能で作業を完結されてみてはいかがでしょうか。

SketchPageの「画像出力」画面にて、「保存形式」をJPGにすると、
「画質」のスライダーを左右に動かすことによって、
保存時の容量を見ながら画質調整ができます。

画質90にしていただければ、ほとんどの160x160ピクセルの画像は、
10,000バイト以内に収まると思います。

背景に商品画像をのせる際は、SketchPage「画像編集」画面の
「画像」ボタンをご利用ください。
PCまたはR-Cabinetより画像ファイルを取得し、マウス操作で縮小して、
キャンバスの中央に画像を配置することができます。

Answer

田中様

ご回答、ありがとうございました。

画質90で10,000バイト以内に収めることはできましたが、Sketch Pageのみで作成
しても、下に帯状の余白ができます。(それとも、ピクセル数があっていれば帯は
気にしなくていいのでしょうか？)

また、白抜きの商品画像を背景にのせて大きさや位置を調整することはできますが、
白抜き画像の背景を"色なし"にして背景を透かせることができません。

Answer

田中様

お早うございます。
昨夜のSketch Pageについての質問、RMSコールセンターに問い合わせてみました。

下の余白解消は、シフトを押しながら画像を枠一杯に引き延ばして対処して下さいとのこと。

また、Sketch Pageには透過処理機能はありませんとのことでしたので、透過処理の出来るソフトで
あればいいと思うのですが、Photoshop以外で”初心者"　が　"短時間"　で　"簡単に"使えるソフトは何でしょうか？

Answer

田中様

いつもありがとうございます!
インストールボタンはどこだろうと探していましたが、その必要もなく、簡単で便利でした。
画像を作り込む中、別の問題が出てきましたらまた質問させていただきますので、
その際はよろしくお願い致します。