この記事で解決できる悩み
こんな悩みを解決する記事を用意しました!
この記事を書いた人
ヘボ
ブログの神様になる男
ボクの初めてのブログも「30万PV」を超えるメディアに成長しました!
本記事の信頼性
結論、ブログの「プロフィール画像・アイコン」は開設初期から設定しておきましょう!
なぜなら、思っている以上にブログ内外で大活躍するから。
そこで、記事の前半で「ブログのプロフィール画像を作成するメリットと注意点」を。
後半では「ブログ用プロフィール画像の作り方〝無料編と有料編〟」を解説します。
さらに、実例としてボクの3サイト分の「プロフィール画像」を紹介しています。
本記事を最後まで読むことで、あなたに最適のプロフィール画像を作れますよ!
ブログのプロフィール画像・アイコンとは
ブログのプロフィール画像とは、「あなたの分身」。
「アイコン」とか「アバター」とも言いますね。
SNSに設定するアイコン画像のブログVersionです。
そんなブログのプロフィール画像・アイコンって、実は4種類あんねん👇
関連記事【初心者必見】ブログのプロフィール7つの例文【自己紹介の書き方】
ブログのプロフィール画像・アイコン4つの種類
- ①:あなたの写真(顔出し)
- ②:あなたの似顔絵イラスト
- ③:あなたの代わりになるキャラクター
- ④:あなたのサイトのロゴ
ブログは実名・顔出しなしで始められるビジネスですが、「顔写真」を使えば信頼性&好感度アップ!
とはいえ、似顔絵イラストや、代わりに動物のキャラクターにしてる方も多いです。
また、擬人化せず、サイトのブランドロゴを設定するケースもありますね。
そんなプロフィール画像はブログの中や外で大活躍するんです👇
関連記事【無料】ブログのロゴ作成術|元Webデザイナーが初心者に力説!
ブログのプロフィール画像・アイコン5つの設置場所
- ①:ブログのプロフィール(運営者情報)
- ②:ブログのファビコン
- ③:ブログの吹き出し
- ④:ブログのこの記事を書いた人
- ⑤:SNSのプロフィールアイコン
それぞれ画像つきで見ていきましょう!
①:ブログのプロフィール
PCでは「サイドバー」、スマホでは「フッター」に表示される〝運営者情報〟ですね。
個人ブロガーのほとんどが設置してるはず。
②:ブログのファビコン
PCの「タブ」、スマホの「ショートカットアイコン」に表示される画像を〝ファビコン〟と言います。
当ブログではファビコン用ロゴを別に作成していますが、プロフィール画像と同じものを設定してる方が多いですね。
検索エンジンでも表示されるので、意外に重要ですよ。
③:ブログの吹き出し
これが吹き出しです。
記事の中で使う装飾の一つですね。
吹き出しはロゴより、アイコンが話してるように演出した方が断然いいですよね。
④:ブログのこの記事を書いた人
WordPressテーマによりますが、「この記事を書いた人」を記事の上下に設置してるブロガーも多いです。
当ブログのテーマ『AFFINGER』では、WordPressの「プロフィール写真」が反映されます。
この記事を書いた人
ヘボ
ブログの神様になる男
ボクは自作の「プロフィールカード」を使っています。
⑤:SNSのプロフィールアイコン
ブログを伸ばしたいなら、SNSは必須ですよね。
同じプロフィール画像を使うことで、ブログとSNSを連携。読者にとってもわかりやすいはず。
では、ブログのプロフィール画像を作成する「メリット」を見ていきましょう👇
ブログのプロフィール画像・アイコンを作成するメリット3つ
ブログのプロフィール画像・アイコンを作成する「メリット」は、次のとおり。
この章のもくじ
文章より画像の方が「人の記憶に残りやすい」って知ってましたか?
メリット①記憶に残る
表は横にスクロールできます
記憶するもの | 記憶力 | |
左脳 | 文章 | 基準値 |
右脳 | 画像 | 10倍! |
画像などのイメージを記憶するのは「右脳」のお仕事。
そんな右脳の記憶力は、「左脳の10倍ある」と言われています。
あなたも経験あるんじゃないでしょうか?
プロフィール画像を作成すれば、読者に認知 → リピーターになってくれるんです。
メリット②親近感が湧く
表は横にスクロールできます
プロフィール画像 | 共感してくれる読者 |
ママさんのイラスト | 女性・ワーママ |
ネコちゃんの画像 | 愛猫家 |
NFTコレクション | コレクター仲間 |
YouTubeと違って、ブログはファンを作るのが難しいんですよね。。。
なぜなら、顔も見えないし、声も聞こえないから。
せめてプロフィール画像で「親近感」を持ってもらいましょう!
何を言うかより「誰が言うか」の時代ですからね。
メリット③吹き出しが使える
読者のストレスをなるべく減らすためには「装飾」が必須です。
文章だけで作られたブログは残念ながら、最後まで読まれません。。。
主な装飾
- 箇条書き
- テーブル表
- ボックス
この記事でもすでに装飾を多用していますが、プロフィール画像があればバリエーションが増えるんです。
プロフィール画像を作成するメリットはわかりました。
作る前に、注意点やコツも知りたいです。
次の章にまとめたので、引き続き読んでみてください!
こういった会話を表現できるのがいいですよね。
ブログってそもそも「読者の疑問に答える」のが基本ですから。
プロフィール画像を作成したら、「吹き出し」も設置してみてくださいね👇
関連記事【コピペOK】ブログの吹き出しの作り方3選をWebデザイナーが解説
ブログのプロフィール画像・アイコンを作成する注意点・コツ5つ
ブログのプロフィール画像・アイコンを作成する「注意点・コツ」は、次のとおり。
この章のもくじ
- 注意点①:著作権を守る
- 注意点②:商用利用できるフリー素材を使う
- 注意点③:自撮りしない
- コツ①:ライバルと差別化する
- コツ②:あなたが気に入ったものを選ぶ
アイコンの注意点・コツは「ブログ用吹き出しの作り方」でも解説していますが・・・
ポイントは他にも
- アイコンは何枚か用意する
- 世界観を統一する
- オリジナルが最強!
大前提として、プロフィール画像に限らず、ブログで使う画像の著作権ルールを守りましょう。
注意点①著作権を守る
- あなた自身の写真を使う
- あなた自身が描いたイラストを使う
- 著作権フリー素材を使って制作した画像を使う
このあたりを守っていれば、まず問題ありません。
とはいえ、著作権フリー素材を使う場合は、かならず「利用規約」を確認してください👇
注意点②商用利用できるフリー素材を使う
フリー素材サイトには、こういった文言がわかりやすく書かれてるはずですが、念のため。
「商用」で検索
- 利用規約
- ライセンス
- よくある質問
「ブログのプロフィール画像・アイコンの作り方〜無料編〜」で紹介するサイトは商用利用OKなので、ご安心くださいね。
注意点③自撮りしない
プロフィール画像に「自撮りした顔写真」を使用するのはやめましょう。
なぜなら、キモいから。笑
こんなプロフィール画像は嫌だ
要するに、マッチングアプリのプロフィール画像と同じです。
顔出しする場合
- 家族や友達に撮ってもらう
- プロに撮ってもらう
- 集合写真のあなたを正方形に切り取る
自撮りではなく、誰かに撮影してもらったものを使用しましょう。
たとえ集合写真でも、正方形に切り取れば「それっぽく」見えますよ。
コツ①ライバルと差別化する
- ①:あなたのライバルを5サイトほど洗い出す
- ②:ライバルのプロフィール画像をチェックする
- ③:ライバルと差別化する
プロフィール画像に限らず、「ライバルとの差別化」は常に意識しましょう。
ブログジャンルの場合
- ほぼ「似顔絵」アイコン
- たまに「動物」キャラ
- あと「ヒトデ」
ボクはONE PIECEブログもやっているので、絵師さんに頼んで描いてもらいたかったのですが・・・
ライバルのプロフィール画像がみんな「似顔絵」なので、あえて「神」にしています。
とはいえ、たぶん「神」はやめておいた方がいいです!笑
コツ②あなたが気に入ったものを選ぶ
結局、これです。
プロフィール画像の選び方
- わかりやすい
- オリジナリティがある
- ライバルと差別化する
理想は挙げたらキリがないですが、最終的には「あなたが気に入ったもの」を選びましょう!
プロフィール画像はすべての記事で使い、毎日みるもの。
世の中の常識に合わせ、ライバルと差別化したものの本人的にはイマイチ。。。
これではブログが楽しくないですからね。
【実例】ボクのブログ用プロフィール画像・アイコン遍歴5選
ヘボ(当サイト) | |
ヘボ(ONE PIECE用) | |
愛猫「チャコ」(Web3用) | |
愛犬「ジリオ」(吹き出し用) | |
愛犬「トト」(吹き出し用) |
ボクのブログ用プロフィール画像を5つ集めたので、参考にどうぞ。
3パターン
- ①:フリー素材を加工したもの
- ②:自分の写真を加工したもの
- ③:ペットの写真を加工したもの
また、広告業界では「3Bの法則」を使うと、人の目を引き、好感を持たれやすいと言われています。
3Bの法則
- 美人(Beauty)
- 赤ちゃん(Baby)
- 動物(Beast)
だから、動物アイコンが多いんでしょうね🤔
ブログのプロフィール画像・アイコンの作り方6選【無料編】
ブログのプロフィール画像・アイコンの「作り方〜無料編〜」は、次のとおり。
この章のもくじ
- ①:自作する
- ②:おすすめアプリで自作する
- ③:フリー素材で自作する
- ④:Canvaで自作する
- ⑤:アイコン企画に応募する
- ⑥:AIに描いてもらう
まずは、「お金」の代わりに「時間」をかける〝無料編〟から。
作り方①自作する
- ①:既存の写真を正方形に切り取る
- ②:自分でイラストを描く
- ③:家族や友達に写真を撮ってもらう
まずは、あなた自身が「素材」になる方法ですね。
いちばん手っ取り早く、もちろん無料です。
プロフィール画像の作り方
- 画像は正方形にする
- なるべく大きく作る
- アップロードするときに縮小・圧縮する
推奨サイズは、WordPressなら240px、テーマによっても変わります。
なるべく大きく作って、推奨サイズに合わせて縮小するのがいいでしょう。
リサイズはGoogle提供のWebサービス『Squoosh』がおすすめです。
ここからは無料素材を使って作る方法になります!
作り方②おすすめアプリで自作する
プロフィール画像を作るための無料サービスも充実しています。
商用利用OKな「サイト」を洗い出しました(`・ω・´)ゞ
おすすめサイト
スマホ「アプリ」なら次のとおり。
おすすめアプリ
※アプリは「商用利用に関する表記」が見つけられませんでしたm(_ _)m
遊び感覚でプロフィール画像を作れるのがメリットですが、他サイトと被るのがデメリットですね。
作り方③フリー素材で自作する
商用利用OKな無料素材をダウンロードして、自作する方法ですね。
有料ですが、IllustratorやPhotoshopを使って、素材を組み合わせることで差別化できます。
とはいえ、無料のアプリやWebサービスでも編集できますよ。おすすめは『Canva』です。
作り方④Canvaで自作する
『Canva』とは、ブラウザ上で編集できるデザインツールのこと。
Canvaの使い方
- ①:Canvaに無料登録する
- ②:右上の「デザインを作成」をクリック
- ③:カスタムサイズでpxを指定(正方形)
- ④:「新しいデザインを作成」をクリック
- ⑤:プロフィール画像を作る
- ⑥:右上の「共有」からダウンロード
『Canva』には、あらかじめテンプレートや素材が用意されていますが、画像のアップロードもできるんです。
なによりブラウザ上で編集からダウンロードまでできるので、重宝しますよ。
ファイルの種類は推奨の「png形式(背景透過)」でダウンロードして、アップロードするときに軽量化すればOK。
\ 無料で会員登録 /
作り方⑤アイコン企画に応募する
あなたのイラスト描きます!
・条件:フォロー、いいね、RT
・人数:3名
・〆切:◯月◯日
#アイコン企画 #イラスト企画 #無償企画
X(旧Twitter)ではイラストレーターさんによる「こんな企画」が定期的に開催されています。
タイミングよくやっていたら、応募してみましょう。
また、有料ではありますが、SNSに投稿している絵師さんに直接DMで依頼するのもアリ。
プロフィールに「お仕事はDMまで」とあれば、料金表を送ってもらえますよ。
作り方⑥AIに描いてもらう
AIアートは『Stable Diffusion』と『Midjourney』が有名ですが、『Canva』にも自動生成AIが搭載されました!
AIアートの作り方
- ①:登録する
- ②:プロンプト(AIへの指示書)を入力する
- ③:自動生成された中から選ぶ
AIアートの作り方は、だいたいこんな感じです。
プロンプトを極めて、AIにあなたの好みを学習させることで、最高のアイコンが誕生しますよ。
とはいえ、これは「ブログのジャンルとAIアート」がマッチするか次第ですね。
ブログのプロフィール画像・アイコンの作り方3選【有料編】
ブログのプロフィール画像・アイコンの「作り方〜有料編〜」は、次のとおり。
この章のもくじ
つぎに、「時間」の代わりに「お金」をかける〝有料編〟をどうぞ。
作り方①ココナラで写真を撮ってもらう
『ココナラ』とは、スキルを売買できるマーケットのこと。
ココナラの使い方
- ①:ココナラに無料登録する
- ②:動画・アニメーション・撮影をクリック
- ③:写真撮影・素材提供をクリック
- ④:カメラマンを見つける
プロのカメラマンに撮影してもらいたいなら『ココナラ』がおすすめ。
とはいえ、イラストを依頼する方が多いと思うので、くわしくは次で解説しますね👇
\ 300円割引クーポンがもらえる /
無料で会員登録
作り方②ココナラでイラストを描いてもらう
- ①:ココナラに無料登録する
- ②:イラスト・漫画をクリック
- ③:アイコン作成をクリック
- ④:イラストレーターを探す
カテゴリは「似顔絵作成」でもいいですね。
イラストの方が相場も安めです。
ココナラの取引の流れ
- ①:購入画面に進む
- ②:支払い方法を選んで購入する
- ③:トークルームでやりとりする
- ④:完成品を受け取る
- ⑤:評価する
いきなり購入ではなく、事前に「見積もりやカスタマイズの相談をする」こともできますよ。
そこで、トークルームでやりとりする時の「定型文」を用意したので、コピペしてください👇
右上のCopyをクリック
はじめまして、ヘボと申します。
◯◯さんのイラストがめちゃくちゃ好みで購入させていただきました!
ブログやSNSの「プロフィール画像」として使うアイコンをお願いしたいです。
・ブログのURL:example.com
・サイズ:正方形(1,000pxなど)
・形式:png(背景透過)
・解像度:300dpi以上
・納品希望日:◯月◯日
・その他の要望:
「完成イメージ」と「私の画像」を添付しますので、合わせてご確認ください。
お取引終了まで、よろしくお願いいたしします。
※「見積もりやカスタマイズの相談をする」には専用のフォーマットが用意されています。
また、喜怒哀楽など表情が違うだけのイラストは「追加オプション」で描いてくれる絵師さんも多いです。
どうせ頼むなら、一度にお願いする方がお得ですよ。
\ 300円割引クーポンがもらえる /
無料で会員登録
作り方③NFTを買う
NFT(Non-Fungible Token)とは、「シリアルナンバー付きの画像」のこと。
「PFP(Profile Picture)」といって、プロフィール画像用にデザインされているものが多いです。
NFTを購入することで、世界に一つだけのアイコンを設定できます。
NFTとはコミュニティ
- ①:CryptoNinja Partners(イケハヤさん)
- ②:CHIMNEY TOWN DAO(西野亮廣さん)
- ③:JIN TEN(赤西仁さん)
「あ、西野さん好きなんだ!」
同じNFTを持っている仲間に、あなたのブログを選んでもらえますよ。
【Q&A】ブログのプロフィール画像・アイコンに関するよくある質問
ブログのプロフィール画像・アイコンに関する「よくある質問(Q&A)」は次のとおり。
この章のもくじ
順番に見ていきましょう!
Q1:ブログ用プロフィール画像のサイズは?
A「正方形」で、なるべく大きければなんでもOK。
推奨サイズ
- WordPress → 240px
- AFFINGER → 150px以上
なるべく大きめに作って、WordPressテーマの推奨サイズに合わせて縮小しましょう。
Q2:ブログのアイコンにはどんな種類がありますか?
A次の「4種類」になります。
アイコンは4種類
- ①:写真アイコン
- ②:似顔絵アイコン
- ③:キャラクターアイコン
- ④:ロゴアイコン
ブログは顔出しなしで運営できるメディアなので、「似顔絵 or キャラクター」が多いですね。
関連記事【無料】ブログのロゴ作成術|元Webデザイナーが初心者に力説!
Q3:無料でアイコンが作れるおすすめアプリは?
A本記事で紹介したアプリ・サイトを全部まとめました。
おすすめ似顔絵サイト
おすすめ似顔絵アプリ
おすすめフリー素材サイト
「無料」でアイコンを作るなら、これらのアプリ・サイトと『Canva』でOK!
ここまで読んでくれたあなたへ
最後に、大切なお知らせです。
【まとめ】ブログのプロフィール画像・アイコンは重宝しまくる
ブログの「プロフィール画像・アイコン」について解説しました。
まとめ
プロフィール画像は「オリジナルが最強」です。
ブログ、LINE、X、Instagram、YouTube、Facebook、TikTok・・・
ありとあらゆるアイコンに使えるので、世界に一つだけのプロフィール画像を用意しましょう!
\ 300円割引クーポンがもらえる /
無料で会員登録
ブログを始めたい方へ
当サイト経由で、国内シェアNo.1レンタルサーバー『エックスサーバー』に申し込むと、最大10,000円割引になります。
しかも、今ちょうどやっている「お得なキャンペーン」との併用もOK!
\ 初期費用無料! /
キャンペーンは予告なく変更・終了する可能性あり