女性の集客専門アドバイザー・増田恵美です。
先日、バナーを作ろうとしているクライアントから相談がありました。
自分なりに調べてみたようです。
スマホからの閲覧を想定してこのサイズがいいんじゃないかと。
私の答えは「バナーのサイズは気にしなくて大丈夫」
私のアメブロでも、記事下に入れているメルマガバナーと、サイドバーに入れているメルマガバナーではサイズが違います。
小さく作って大きくすると荒くなる。
大きめに作っておいて、使う場所のサイズに合わせればいいのですよ。
大きなサイズの画像でも、自動調整してくれるのではみ出すことはありません。
記事下に入れているメルマガバナーは714×415ですが、スマホで見てもはみ出してないでしょ?
今日は、画像サイズをWindowsPCで簡単に変更する方法と
アメブロに使う際にアメブロエディタを使って変更する方法です。
画像サイズの変更(WindowsPC)
画像サイズの変更は簡単です。
ピクチャに入っているこの画像を使いたいとします
この画像の元のサイズはアメブロのヘッダー画像なので1120×526
画像をクリックしてメニューから「編集」をクリックします。
するとペイントが自動的に開くので、「サイズ変更」をクリック
デフォルトはパーセントになっているのでピクセルを選択してください
横幅に任意の数字を入れます。今回は350ピクセルに。OKをクリック。
横幅350ピクセルの画像になりました。別名で保存してくださいね。
アメブロエディタで直接画像のサイズ変更
アメブロに張り付けるバナーであれば、エディタでサイズ変更ができます。
ブログを書くでエディタに画像を挿入し、クリックで編集するだけ。
原寸で貼り付けたので、1120×526になっています。
今回は400ピクセルにしてみますね。
横幅400ピクセルの画像を貼り付けられました!
画像にリンクを貼ってバナーにする方法はこちらをご覧ください。
バナー用の画像を作るにはPhontoアプリをおススメしています。
サイズ指定もできますしね^^
Phontoの操作方法はYouTubeでご説明しています。
この動画はYouTubeのサムネイルですが、同じ操作でできますのでご覧ください!