ぶろぐライフ~パソコン苦手なブログ初心者さんを全力でサポート~

パソコンは苦手だけどブログを始めたい人を全力で応援!15年間パソコン講師を勤めた私が苦手克服のお手伝いをします♪

★★カスタマイズ完了サイトとレビューページ作成しました!是非、覗いてみてください♪★★

【はてなブログ】サイドバープロフィール画像サイズを大きくする方法

▶当ブログにはプロモーションが含まれています

はてなブログプロフィール画像サイズ変更

【はてなブログ】のサイドバーにプロフィール画像載せてるけど小っちゃいなぁ~って気になってるけど放置してますか?

難しいんじゃないかなって思ってる人は大丈夫ですよ!

この記事では一番簡単な方法でサクッとサイズアップする方法をご紹介しています。

 

記事通りに進めるとサイズを大きくすることが出来ます。

 

プロフィール画像でアッ!この人!という風に認識してもらいやすくなります。

ブログを育てる1つの作業として挑戦してみられたら良いんじゃないかなと思います。

 

 

- スポンサーリンク -  

 

はてブのプロフィール画像サイズを大きくする方法

画像というイメージは人の記憶に残りやすいです。

個性的なものや他では見かけないプロフィール画像もそうです。

 

読者の人の心に残って欲しいですよね。

では、やってみましょう!

 

プロフィール画像サイズ変更方法

はてなブログプロフィール画像サイズ変更

はてなブログでは、デフォルト(通常のやり方)でプロフィール画像を表示すると【64×64px】サイズに縮小されます。

 

上の画像は【500x500px】で作成しました。

【200×200px】以上の画像を用意したものとして手順を説明します。

 

画像作成方法が分からない人はこちらを参考にどうぞ。

【ブログ】サイトタグに目立つファビコンで差別化しよう 

 

STEP
画像URLゲット
【記事作成】ー【画像挿入】ー【HTML編集】

はてなブログプロフィール画像サイズ変更
*<img~imag />までが画像の居場所

STEP
コード追記
クリックすればプロフィールページに飛ぶコード追記

■追記コードと画像の居場所■
画像をクリックするとプロフィールページへ飛ぶコードを追記しよう

<a href="プロフィールページURL"><画像の場所></a>

↓私の場合 ↓
<a href="https://私サイトのURL/about"><img src="私の画像のあるURL" width="500" height="500" loading="lazy" title="" class="hatena-fotolife" itemprop="image" /></a>
STEP
コード貼り付け
ダッシュボードー【デザイン】ー【スパナ】ー【サイドバー】ー【プロフィール】ー【編集】

はてなブログプロフィール画像サイズ変更


【プロフィール画像】ー【表示する】のチェックはずすー【自己紹介】欄に貼り付けるー【適用】

はてなブログプロフィール画像サイズ変更

 

 これで完了!

はてなブログプロフィール画像サイズ変更

 

- スポンサーリンク -  

 

はてブのプロフィール画像サイズを大きくする方法まとめ

画像のこだわりが全くない人もいますが、個人的には画像もある程度は読み手の事を考える上で重要かと思っています。

プロフィール画像はコロコロ変えるのではなく自分をアピールする為に活かすものだと考えています。

必要以上に強調するかのように大きくする必要は無いですが、見やすいサイズに整える方法をお届けしました。

にほんブログ村 ブログブログ ブログ生活へ 

f:id:maysun:20220106121849g:plain