ブログの写真アップで重くなる理由は？

質問

ＦＣ２ブログを運営してますが
当然(？)記事の中に写真をアップする時が、あります

ただ、以前に
写真が大き過ぎると(？)記事全体の表示に時間が掛かる
と指摘して頂いた事が、ありました

私の場合、記事に写真をアップする場合
何通りか、方法を使用してますが

まず、自分の写真をアップする時は
一旦、写真をＦＣ２ブログの写真にアップ
そこからタグを使用して
<a href="自己ブログ写真のＵＲＬ" target="_blank"><img src="自己ブログ写真のＵＲＬ" alt="写真のタイトル" border="0" width="サイズ" height="サイズ" /></a>
と(自動)入力します

ただ、この時
実際には正方形では並べてませんが
記事幅の関係で、写真を２つ並べる時には
これはピクセル数と判断してますが
150×150位で、３つ並べる時には
100×100位で調整してます

この時、元の画像サイズなんですが
大きくても大体300～400位に収まる様に縮小してます

但し、他のＨＰにアップしてる画像だと
<a href="他人写真のＵＲＬ" target="_blank"><img src="他人写真のＵＲＬ" alt="" border="0" width="サイズ" height="サイズ" /></a>
という感じでアップしてますが

要するに、自分のブログ写真へのリンクか
他人の写真へのリンクかの違いみたいな感じです

そこで聞きたいんですが
上記で写真が重く、なる時って
どの時なんでしょうか？

つまり、元画像が300～400位の時
そのままアップしたら重いのか？
アップ時にタクで調整して
150×150位で短縮したら問題無いのか？
元画像が、他のＨＰ画像だった場合は？

宜しく御願いします

回答No.2

kiyoto-777

１．サイズを変えるwidthとheightがあるのでＰＣ側（ブラウザ）でそれを
処理するのに時間がかかる。
２．画像の容量（バイト数）によって、通信速度やＰＣによって
表示速度が変わる
３．サーバの混み状態や、ＰＣや通信などに大きく影響する
（ネットにつないでいると、裏でどんな通信がされているか
不明です。とくにセキュリティソフトなど）
４．遅いと感じるなら、段階的表示方法もある
（lowsrc　にバイト数の少ない画像を指定する。srcとlowsrcは同じ画像で
容量を少なくしたもの）

<img src="画像のＵＲＬ" lowsrc="画像のＵＲＬ">

お礼

どうも有難う御座いました

回答No.1

uriboar

写真を元のサイズ以外で表示させると、ブラウザで拡大縮小の処理を行いますので、回線速度以外の要素で負荷がかかることにはなるでしょうね。

なので、あらかじめ画像のピクセル寸法を表示したいサイズにしておくのが一番です。
手間ですが、並べるための画像（サムネイル）と元サイズの画像両方を用意しておくと良いかもしれません。
FC2ブログには、画像をアップしたときに自動的にサムネイルも生成する機能があったと思いますので、トライしてみては？

お礼

どうも有難う御座いました