始め方

【実例あり】ブログのプロフィール画像・アイコンの作り方9選【無料】

2024年1月30日

この記事で解決できる悩み

こんな悩みを解決する記事を用意しました!

この記事を書いた人

ヘボ

ヘボ

ブログの神様になる男

  • 引きこもり専業ブロガー
  • 6年目(2018年12月〜)
  • 執筆記事数500本以上(3サイト運営)
  • 最高「33万PV/月」達成
  • 初心者に遠回りしないブログ術を発信

ボクの初めてのブログも「30万PV」を超えるメディアに成長しました!

本記事の信頼性

2022年8月のアナリティクスデータ

結論、ブログの「プロフィール画像・アイコン」は開設初期から設定しておきましょう!

なぜなら、思っている以上にブログ内外で大活躍するから。

そこで、記事の前半で「ブログのプロフィール画像を作成するメリットと注意点」を。

後半では「ブログ用プロフィール画像の作り方〝無料編と有料編〟」を解説します。

ヘボ
ヘボ

さらに、実例としてボクの3サイト分の「プロフィール画像」を紹介しています。

本記事を最後まで読むことで、あなたに最適のプロフィール画像を作れますよ!

今すぐWordPressでブログを開設する方法が知りたい方は、「【初心者でも10分でできる】WordPressブログの始め方」をご覧くださいね。

ブログのプロフィール画像・アイコンとは

ブログのプロフィール画像・アイコンとは

ブログのプロフィール画像とは、「あなたの分身」。

「アイコン」とか「アバター」とも言いますね。

SNSに設定するアイコン画像のブログVersionです。

そんなブログのプロフィール画像・アイコンって、実は4種類あんねん👇

関連記事【初心者必見】ブログのプロフィール7つの例文【自己紹介の書き方】

ブログのプロフィール画像・アイコン4つの種類

  • ①:あなたの写真(顔出し)
  • ②:あなたの似顔絵イラスト
  • ③:あなたの代わりになるキャラクター
  • ④:あなたのサイトのロゴ

ブログは実名・顔出しなしで始められるビジネスですが、「顔写真」を使えば信頼性&好感度アップ!

とはいえ、似顔絵イラストや、代わりに動物のキャラクターにしてる方も多いです。

また、擬人化せず、サイトのブランドロゴを設定するケースもありますね。

そんなプロフィール画像はブログの中や外で大活躍するんです👇

関連記事【無料】ブログのロゴ作成術|元Webデザイナーが初心者に力説!

ブログのプロフィール画像・アイコン5つの設置場所

  • ①:ブログのプロフィール(運営者情報)
  • ②:ブログのファビコン
  • ③:ブログの吹き出し
  • ④:ブログのこの記事を書いた人
  • ⑤:SNSのプロフィールアイコン

それぞれ画像つきで見ていきましょう!

①:ブログのプロフィール

①:ブログのプロフィール

PCでは「サイドバー」、スマホでは「フッター」に表示される〝運営者情報〟ですね。

個人ブロガーのほとんどが設置してるはず。

②:ブログのファビコン

②:ブログのファビコン

PCの「タブ」、スマホの「ショートカットアイコン」に表示される画像を〝ファビコン〟と言います。

当ブログではファビコン用ロゴを別に作成していますが、プロフィール画像と同じものを設定してる方が多いですね。

②:ブログのファビコン

検索エンジンでも表示されるので、意外に重要ですよ。

③:ブログの吹き出し

ヘボ
ヘボ

これが吹き出しです。

記事の中で使う装飾の一つですね。

吹き出しはロゴより、アイコンが話してるように演出した方が断然いいですよね。

④:ブログのこの記事を書いた人

④:ブログのこの記事を書いた人

WordPressテーマによりますが、「この記事を書いた人」を記事の上下に設置してるブロガーも多いです。

当ブログのテーマ『AFFINGER』では、WordPressの「プロフィール写真」が反映されます。

この記事を書いた人

ヘボ

ヘボ

ブログの神様になる男

  • 引きこもり専業ブロガー
  • 6年目(2018年12月〜)
  • 執筆記事数500本以上(3サイト運営)
  • 最高「33万PV/月」達成
  • 初心者に遠回りしないブログ術を発信

ボクは自作の「プロフィールカード」を使っています。

⑤:SNSのプロフィールアイコン

⑤:SNSのプロフィールアイコン

ブログを伸ばしたいなら、SNSは必須ですよね。

同じプロフィール画像を使うことで、ブログとSNSを連携。読者にとってもわかりやすいはず。

では、ブログのプロフィール画像を作成する「メリット」を見ていきましょう👇

ブログのプロフィール画像・アイコンを作成するメリット3つ

ブログのプロフィール画像・アイコンを作成するメリット3つ

ブログのプロフィール画像・アイコンを作成する「メリット」は、次のとおり。

この章のもくじ

文章より画像の方が「人の記憶に残りやすい」って知ってましたか?

メリット①記憶に残る

表は横にスクロールできます

記憶するもの 記憶力
左脳 文章 基準値
右脳 画像 10倍!

画像などのイメージを記憶するのは「右脳」のお仕事。

そんな右脳の記憶力は、「左脳の10倍ある」と言われています。

サイトのタイトルはなんとなくでも、ロゴやプロフィール画像を見て思い出す!

あなたも経験あるんじゃないでしょうか?

ヘボ
ヘボ

プロフィール画像を作成すれば、読者に認知 → リピーターになってくれるんです。

メリット②親近感が湧く

表は横にスクロールできます

プロフィール画像 共感してくれる読者
ママさんのイラスト 女性・ワーママ
ネコちゃんの画像 愛猫家
NFTコレクション コレクター仲間

YouTubeと違って、ブログはファンを作るのが難しいんですよね。。。

なぜなら、顔も見えないし、声も聞こえないから。

せめてプロフィール画像で「親近感」を持ってもらいましょう!

ヘボ
ヘボ

何を言うかより「誰が言うか」の時代ですからね。

メリット③吹き出しが使える

読者のストレスをなるべく減らすためには「装飾」が必須です。

文章だけで作られたブログは残念ながら、最後まで読まれません。。。

主な装飾

  • 箇条書き
  • テーブル表
  • ボックス

この記事でもすでに装飾を多用していますが、プロフィール画像があればバリエーションが増えるんです。

あなた
あなた

プロフィール画像を作成するメリットはわかりました。

作る前に、注意点やコツも知りたいです。

ヘボ
ヘボ

次の章にまとめたので、引き続き読んでみてください!

こういった会話を表現できるのがいいですよね。

ブログってそもそも「読者の疑問に答える」のが基本ですから。

プロフィール画像を作成したら、「吹き出し」も設置してみてくださいね👇

関連記事【コピペOK】ブログの吹き出しの作り方3選をWebデザイナーが解説

ブログのプロフィール画像・アイコンを作成する注意点・コツ5つ

注意点

ブログのプロフィール画像・アイコンを作成する「注意点・コツ」は、次のとおり。

この章のもくじ

アイコンの注意点・コツは「ブログ用吹き出しの作り方」でも解説していますが・・・

ポイントは他にも

  • アイコンは何枚か用意する
  • 世界観を統一する
  • オリジナルが最強!

大前提として、プロフィール画像に限らず、ブログで使う画像の著作権ルールを守りましょう。

注意点①著作権を守る

  • あなた自身の写真を使う
  • あなた自身が描いたイラストを使う
  • 著作権フリー素材を使って制作した画像を使う

このあたりを守っていれば、まず問題ありません。

とはいえ、著作権フリー素材を使う場合は、かならず「利用規約」を確認してください👇

注意点②商用利用できるフリー素材を使う

商用利用もOK!

フリー素材サイトには、こういった文言がわかりやすく書かれてるはずですが、念のため。

「商用」で検索

  • 利用規約
  • ライセンス
  • よくある質問

ブログのプロフィール画像・アイコンの作り方〜無料編〜」で紹介するサイトは商用利用OKなので、ご安心くださいね。

注意点③自撮りしない

プロフィール画像に「自撮りした顔写真」を使用するのはやめましょう。

なぜなら、キモいから。笑

こんなプロフィール画像は嫌だ

第1位:自撮りしたキメ顔(ヘボ調べ)

要するに、マッチングアプリのプロフィール画像と同じです。

顔出しする場合

  • 家族や友達に撮ってもらう
  • プロに撮ってもらう
  • 集合写真のあなたを正方形に切り取る

自撮りではなく、誰かに撮影してもらったものを使用しましょう。

たとえ集合写真でも、正方形に切り取れば「それっぽく」見えますよ。

コツ①ライバルと差別化する

  • ①:あなたのライバルを5サイトほど洗い出す
  • ②:ライバルのプロフィール画像をチェックする
  • ③:ライバルと差別化する

プロフィール画像に限らず、「ライバルとの差別化」は常に意識しましょう。

ブログジャンルの場合

  • ほぼ「似顔絵」アイコン
  • たまに「動物」キャラ
  • あと「ヒトデ」

ボクはONE PIECEブログもやっているので、絵師さんに頼んで描いてもらいたかったのですが・・・

ライバルのプロフィール画像がみんな「似顔絵」なので、あえて「神」にしています。

ヘボ
ヘボ

とはいえ、たぶん「神」はやめておいた方がいいです!笑

コツ②あなたが気に入ったものを選ぶ

結局、これです。

プロフィール画像の選び方

  • わかりやすい
  • オリジナリティがある
  • ライバルと差別化する

理想は挙げたらキリがないですが、最終的には「あなたが気に入ったもの」を選びましょう!

プロフィール画像はすべての記事で使い、毎日みるもの。

世の中の常識に合わせ、ライバルと差別化したものの本人的にはイマイチ。。。

これではブログが楽しくないですからね。

【実例】ボクのブログ用プロフィール画像・アイコン遍歴5選

ヘボ ヘボ(当サイト)
ヘボ ヘボ(ONE PIECE用)
CHACO 愛猫「チャコ」(Web3用)
GIGLIO 愛犬「ジリオ」(吹き出し用)
TOTO 愛犬「トト」(吹き出し用)

ボクのブログ用プロフィール画像を5つ集めたので、参考にどうぞ。

3パターン

  • ①:フリー素材を加工したもの
  • ②:自分の写真を加工したもの
  • ③:ペットの写真を加工したもの

また、広告業界では「3Bの法則」を使うと、人の目を引き、好感を持たれやすいと言われています。

3Bの法則

  • 美人(Beauty)
  • 赤ちゃん(Baby)
  • 動物(Beast)

だから、動物アイコンが多いんでしょうね🤔

ブログのプロフィール画像・アイコンの作り方6選【無料編】

ブログのプロフィール画像・アイコンの作り方6選【無料編】

ブログのプロフィール画像・アイコンの「作り方〜無料編〜」は、次のとおり。

この章のもくじ

まずは、「お金」の代わりに「時間」をかける〝無料編〟から。

作り方①自作する

  • ①:既存の写真を正方形に切り取る
  • ②:自分でイラストを描く
  • ③:家族や友達に写真を撮ってもらう

まずは、あなた自身が「素材」になる方法ですね。

いちばん手っ取り早く、もちろん無料です。

プロフィール画像の作り方

  • 画像は正方形にする
  • なるべく大きく作る
  • アップロードするときに縮小・圧縮する

推奨サイズは、WordPressなら240px、テーマによっても変わります。

なるべく大きく作って、推奨サイズに合わせて縮小するのがいいでしょう。

リサイズはGoogle提供のWebサービス『Squoosh』がおすすめです。

ヘボ
ヘボ

ここからは無料素材を使って作る方法になります!

作り方②おすすめアプリで自作する

プロフィール画像を作るための無料サービスも充実しています。

商用利用OKな「サイト」を洗い出しました(`・ω・´)ゞ

おすすめサイト

スマホ「アプリ」なら次のとおり。

おすすめアプリ

※アプリは「商用利用に関する表記」が見つけられませんでしたm(_ _)m

遊び感覚でプロフィール画像を作れるのがメリットですが、他サイトと被るのがデメリットですね。

作り方③フリー素材で自作する

商用利用OKな無料素材をダウンロードして、自作する方法ですね。

有料ですが、IllustratorやPhotoshopを使って、素材を組み合わせることで差別化できます。

とはいえ、無料のアプリやWebサービスでも編集できますよ。おすすめは『Canva』です。

作り方④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選【有料編】

ブログのプロフィール画像・アイコンの作り方3選【有料編】

ブログのプロフィール画像・アイコンの「作り方〜有料編〜」は、次のとおり。

この章のもくじ

つぎに、「時間」の代わりに「お金」をかける〝有料編〟をどうぞ。

作り方①ココナラで写真を撮ってもらう

ココナラココナラのトップページ

ココナラココナラ』とは、スキルを売買できるマーケットのこと。

ココナラの使い方

  • ①:ココナラココナラに無料登録する
  • ②:動画・アニメーション・撮影をクリック
  • ③:写真撮影・素材提供をクリック
  • ④:カメラマンを見つける

プロのカメラマンに撮影してもらいたいなら『ココナラココナラ』がおすすめ。

相場は10,000円〜

とはいえ、イラストを依頼する方が多いと思うので、くわしくは次で解説しますね👇

\ 300円割引クーポンがもらえる /

無料で会員登録

作り方②ココナラでイラストを描いてもらう

  • ①:ココナラココナラに無料登録する
  • ②:イラスト・漫画をクリック
  • ③:アイコン作成をクリック
  • ④:イラストレーターを探す

カテゴリは「似顔絵作成」でもいいですね。

相場は1,000円〜

イラストの方が相場も安めです。

ココナラの取引の流れ

  • ①:購入画面に進む
  • ②:支払い方法を選んで購入する
  • ③:トークルームでやりとりする
  • ④:完成品を受け取る
  • ⑤:評価する

いきなり購入ではなく、事前に「見積もりやカスタマイズの相談をする」こともできますよ。

そこで、トークルームでやりとりする時の「定型文」を用意したので、コピペしてください👇

右上の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を持っている仲間に、あなたのブログを選んでもらえますよ。

関連記事Walking on Web3|Web3の歩き方

【Q&A】ブログのプロフィール画像・アイコンに関するよくある質問

よくある質問【Q&A】

ブログのプロフィール画像・アイコンに関する「よくある質問(Q&A)」は次のとおり。

この章のもくじ

順番に見ていきましょう!

Q1:ブログ用プロフィール画像のサイズは?

A「正方形」で、なるべく大きければなんでもOK。

推奨サイズ

  • WordPress → 240px
  • AFFINGER → 150px以上

なるべく大きめに作って、WordPressテーマの推奨サイズに合わせて縮小しましょう。

Q2:ブログのアイコンにはどんな種類がありますか?

A次の「4種類」になります。

アイコンは4種類

  • ①:写真アイコン
  • ②:似顔絵アイコン
  • ③:キャラクターアイコン
  • ④:ロゴアイコン

ブログは顔出しなしで運営できるメディアなので、「似顔絵 or キャラクター」が多いですね。

関連記事【無料】ブログのロゴ作成術|元Webデザイナーが初心者に力説!

Q3:無料でアイコンが作れるおすすめアプリは?

A本記事で紹介したアプリ・サイトを全部まとめました。

おすすめ似顔絵サイト

おすすめ似顔絵アプリ

おすすめフリー素材サイト

「無料」でアイコンを作るなら、これらのアプリ・サイトと『Canva』でOK!

ヘボ
ヘボ

ここまで読んでくれたあなたへ

最後に、大切なお知らせです。

【まとめ】ブログのプロフィール画像・アイコンは重宝しまくる

ブログのプロフィール画像・アイコンは重宝しまくる【まとめ】

ブログの「プロフィール画像・アイコン」について解説しました。

まとめ

  • ブログのプロフィール画像とは「あなたの分身」
  • ブログのアイコン以外にも使えてコスパよし
  • フリー素材・商用利用OKな画像を使おう
  • 無料なら『Canva』で自作しよう
  • 有料なら『ココナラココナラ』で依頼しよう

プロフィール画像は「オリジナルが最強」です。

ブログ、LINE、X、Instagram、YouTube、Facebook、TikTok・・・

ありとあらゆるアイコンに使えるので、世界に一つだけのプロフィール画像を用意しましょう!

\ 300円割引クーポンがもらえる /

無料で会員登録

ブログを始めたい方へ

エックスサーバーのお友達紹介プログラム

当サイト経由で、国内シェアNo.1レンタルサーバー『エックスサーバー』に申し込むと、最大10,000円割引になります。

しかも、今ちょうどやっている「お得なキャンペーン」との併用もOK!

\ 初期費用無料! /

キャンペーンは予告なく変更・終了する可能性あり

人気記事【初心者でも10分】WordPressブログの始め方を画像で解説

人気記事【14大特典】AFFINGER6本音レビュー!3年使ったメリット

人気記事【必須ツール】Rank Trackerの料金・使い方・無料版との違い

人気記事【5万稼ぐ】A8.netのセルフバックのやり方とおすすめASP・案件6選

  • この記事を書いた人

ヘボ

働きたくないので毎日休まずブログを書いてます|ブロガー6年目|最高33万PV|3サイト運営|ブログが天職で娯楽|初心者に遠回りしないブログ術を発信|当ブログではアフィリエイト広告を利用しています。

-始め方

テキストのコピーはできません。

© 2023 ブログの神様|THE GOD OF BLOG