アメブロ 間違いだらけの画像サイズの変更方法

この記事を読むのに必要な時間は約 6 分です。

[アイキャッチモデル: 茜さやさん]

この記事で伝えたいこと
  • 表示サイズと画像サイズの違い
  • 画像の大きさは読んでくださる人のことを考えて

このブログは基本的に、メンタルセラピストやスピリチュアル系を仕事にしたい方で、ブログを書いている方でITが苦手な方を対象にしています。

表示サイズと画像サイズの違い

まず知っておいて欲しいことがあります。

PCやスマートフォンなどのデジタル機器で画像(イラスト・写真等)というのは、表示サイズと画像サイズというのがあります。

何が違うのかというと表示サイズというのは文字どうり見た目の大きさです。

あなたのスマホやPCで見ることのできる大きさのことを指します。

そして、画像サイズというのはその画像の本来の大きさとなります。

なぜ2つのサイズが存在するのかというと、デジカメで撮影するときは可能な限り綺麗で鮮明に記録しようとします。

画像というのは縦と横の点の集まりでできています。

なので縦横の点の数が多ければ多いほど画像は綺麗で鮮明になります。

そして写真を撮る(インプット)の場合は表示することを前提にしていませんのでより綺麗で鮮明にするために点の数を増やす傾向にあります。

一方で表示する場合は、表示できる画面の大きさに限界があるので縦横の点の数を減らす必要があります。

ここで実際の写真の大きさを縮小する必要ができてきます。

これが画像サイズ(実際の大きさ)と表示サイズ(見た目の大きさ)がある理由です。


ブログ(ブラウザ)で変更できるのは表示サイズだけ

ここから、この記事の「間違いだらけの画像サイズの変更方法」の話になってきます。

なぜ間違いなのか?

それは、表示サイズを変更しても画像は小さくありません。

見た目は確かに小さくなっても実際の画像サイズは小さくなるわけではないのです。

ブログで表示されていサイズはあくまで見た目を小さくしているだけに過ぎません。

もしかするとここであなたは「見た目だけ小さくなるのがなぜいけないのか?」と疑問に思うかもしれません。

確かになぜ問題なのか?

理由は表示を小さくしても画像の容量は変わらないということです。

つまり画像サイズの大きな写真は当然容量も大きくなります。

容量が遅くなると表示される通信に時間がかかります。

時間がかかればあなたの記事を読まずに離脱するということが出てきます。

ただ、現状ではこれから5Gになるのだから問題ないのではと思うかもしれません。

しかしもう一つ問題が出てきます。

それは、通信量の制限や通信料の問題が出てきます。

あなたのブログを読んでくれている方に負担を強いることになります。

それでもあなたは、表示サイズだけを変更しますか?

さらにスマホからのブログへ写真をアップロードする時にも当然、通信料が掛かっていきます。

それでも大きな写真をブログにアップロードして表示だけを小さくしますか?

画像を適切な大きさにしてから使おう

画像を適切な大きさにしてからブログに使う。

これは僕がいつも相談を受けている人に向けて伝え続けていることです。

これをすることで、あなたのブログの表示速度が向上してユーザビリティも向上します。

画像を適切な大きさにする方法については「アメブロに載せる画像はサイズ調整と圧縮で軽くして使う」で解説しています。


表示サイズの変更しか説明していないブログに注意

間違いというわけではないですが、ITについてあまり詳しくないふわっとした人が説明している。

見かけだけ変えて何の解決にもなっていないブログの記事があるの注意してください。

表示サイズだけ変えても見てくれは良くなりますが、何の解決にはならないと僕は思っています。

読んでくれる人のことを考えるというのであれば、もう一歩踏み込んだことをした方が僕はいいと思いもいます。

あくまで僕の意見ですが・・・


最後までお読みいただきありがとうございます。

今回の記事があなたの役に立ったなら幸いです。

質問疑問ございましたらコメント欄へお願いします。

アメブロ関連記事

設定編

技術編

デザインCSS集

集客編

WordPress関連記事

設定・インストール

トラブルシューティング

動作環境・リリース情報