SNS講習【アメブロ使い方】プロフィール設定カバー画像のサイズは？

アメブロをビジネスにご利用のお客様が増えてきたので
使い方講習会を実施しています

SNS講習会は必要な方に必要なタイミングで
ZoomまたはSkypeを使用し、30分程度(準備等含め60分)で
ご自身でできなかった箇所をピックアップしながら
使い方をマスターしていただく講習内容となっています

アメブロのプロフィール設定

ついつい記事更新を頑張ってしまいがちですが
使い始めの段階でまずプロフィール設定を行うことを推奨しています

ブログ記事を読んでくれた方が、投稿者に興味をもってくれた時
かなりの確率で訪れてくれるのがプロフィール

プロフィール画像はもちろんですが
パソコン・スマホともに表示されるカバー画像の設定について
まずは掲載していきます

アメブロの画像設定目安

アメブロのプロフィール画像

推奨サイズ

150×150px(ピクセル)

FacebookやInstagramのアイコンと同じく丸く切り取られて表示されます

この時見えなくなる箇所を意識して
中央に表示したい被写体を配置するのがポイントです

サロンや会社、店舗の方のビジネス用アカウントであれば
ロゴマークがおすすめ

SNSでの発信をすでに行っている方は
ぜひ統一したプロフィール画像・アイコンを使用してみてください

なるべくインパクトがあり
覚えてもらいやすい画像がおすすめ

個人事情主やフリーランスの方など
自分を売りにしているかたはやはり顔のわかる写真がおすすめです

顔出しNGのかたでもSNSでの統一性と
インパクト(背景がごちゃごちゃしていない・見せたいものが明確に表示・ピントがあっている)を意識して
写真を選んでいただくと良いと思います

なかなか良い写真・ロゴがない…方はbdesignにご依頼ください

【写真加工・・・背景切り抜き/ぼかし・色調補正・美肌加工等】 1枚5,000円〜

【写真撮影・・・出張撮影可能、ついでに店舗や施術中の様子】 30枚30,000円〜

【ロゴ制作・・・オーダーメイド名刺にてご依頼印刷・特殊オプションあり】 100枚30,000円〜

【ロゴデータ利用・・・制作したロゴを名刺以外の場所で使う】
Web用72dpi jpg/png 1画像 5,000円〜
セルフプリント用150dpi jpg/png 1画像 15,000円〜
他業者様ご利用用300dpi jpg/png/eps 1画像 35,000円〜

アメブロのカバー画像

推奨サイズ

パソコン：横1120px・縦256px
スマホ：横1125px・縦313px ※目安スマホの機種によって異なります

スマホの場合PC表示サイズから左右がカットされるため
スマホ表示サイズに合わせて作成することをお勧めします!!

PCサイズに合わせるとかなり横長ですが
スマホユーザーを意識して、中央に表示したいものを配置すれば安心です

選ぶ画像は、ビジネス活用の場合ご自身のビジネスがひと目で伝わるもの
のちにブログヘッダー画像のご案内もいたしますが

プロフィールのカバー画像もPRとしてはかなり使える要素になるので
カメラマンの人はカメラ
サロンの人は施術イメージ
お店の人は取り扱い商品など

この人は何をしているんだろう？の疑問を
一瞬で解決するものを是非お選びください!!

アメブロのヘッダー画像

推奨サイズ

パソコン：横1120px・縦500px
※目安縦幅は任意です

ついでにご自身でヘッダー画像を設定したい方は
少しcssコードを編集・追記することで設置することが可能です

ヘッダー画像の設置方法

１.画像を準備する(横1120px・縦500px)

2.アメブロのテーマを「デザインの設定」から「CSS編集用デザイン」へ変更する

3.編集画面から「ブログデザインヘッダ・背景画像の追加」で画像を登録

4.「編集画面のコードの一番下」まで移動して下記のコードを追加

5.先ほど登録した画像の「この画像のパス」を(ここに画像リンク)へコピぺ

6.赤い箇所を画像の数値に変更します

/* ヘッダーの背景色とヘッダー画像を設定 */
.skin-bgHeader {
background: no-repeat scroll center;
background-color: 【背景色】;
background-image: url(ここに画像リンク);
}
/* ヘッダーの横幅を設定 */
.skin-bgHeader [data-uranus-layout=”headerInner”] {
width: 1120px;
}
/* ヘッダーの高さを設定 */
.skin-bgHeader [data-uranus-layout=”headerInner”]>a {
height: 画像高さ数字半角px;
}
/* ブログタイトルと説明文を非表示 */
.skin-headerTitle {
display: none;
}