画像データーを小さくして、ブログへの負担を軽減する

いろいろなブログに訪問していて

最初の起動が重く感じるものがあると思います


これには いくつかの原因が考えられるのですが

特にブログパーツといって 広告などの機能を持ったものを貼り付けた場合

デコレーションされたカーソル表示や

画面上を流れるようなアニーメーションの機能を持つものに影響されることが多いようです


その他では 画像がゆっくりと ブラインドを開けるように表示される場合

登録されている 画像の容量が大きいことが 原因だったりします


ここでは 画像データーの軽量化について 自分の体験をお話しします

前置きを読むのがめんどうな方は 5.まで飛ばしても結構です



1.画像データの容量(サイズ)って?

  まず最初に 予備知識として

  画像のデーター容量というのは 何を目安にするのかということです


  画像の大きさを表すのは ピクセルという単位です

  長さでいう 何センチメートル(cm)と同じと考えてください


  たいていの場合 このピクセルの値で判断できるのですが

  厳密には データーの密度も影響します

  ですから あえて 画像のデーター容量という表現を使っています


  データーの密度については 説明すると難しくなりますので

  今回は ピクセル値(大きさ)にだけ注目してください



2.カメラの機能で対応する

  デジタルカメラ(携帯電話も同様)で写真を撮る場合

  画質(ファイン・スタンダード・エコノミー等)

  画像サイズ(640×480、960×1280、3872×2592等)

  などを設定できるようになっています


  自分は 通常 高画質で最大サイズを指定しています

  普通はこの画像をブログでそのまま貼り付けてしまいがちなのですが

  パソコンの画面で見る分には、

  大きさでいえば、640×480 もあれば十分なのです


  実際 どのくらいデーター量が違うかといえば

  大きさ    データー量(理論上)

  3872×2592  3.11MB とは 3110KB つまり 3,110,000バイト
  1024× 685          482KB      482,000バイト
   800× 536          268KB      268,000バイト
   640× 428          201KB      201,000バイト

  最大時の約15分の1です


3.ウェブリブログの「画像容量を小さくする」の物足りない圧縮効果

  ウェブリブログでは 画面を貼付する時に

  「画像容量を小さくする」にチェックを入れて

  ある程度 小さくすることができます


  しかし これが過信できないのです

  確かに 3.11MB (3110KB) が

  約3分の1の 928KB にはなるのですが

  これでも パソコンによっては 読み込みが重くなる容量なのです

  何枚も写真をアップしていると尚更です


  くどいようですが 画像の大きさは

  640×428 ピクセル(201KB)もあれば十分

  そう考えると まだ 4.5倍も容量を無駄にしている状態です


  では どうやって 画像の容量を小さくすればいいのか…



4.カメラの機能で小さくする

  一番簡単なのは 最初から カメラの設定で合わせておくことですが

  ブログ以外でも写真を使うことがあるでしょうから

  カメラ内の編集機能を使って 画像を小さくして

  別の名前のファイルにするのが便利です(上書きしないように注意)



5.パソコンにある「Paint」で処理する

  既に カメラからパソコン等へ データーを転送している場合は

  たいてのパソコンに入っている「Paint」でも処理できます


  まず、「Paint」を起動させます

画像






  加工したい画像を開き 「変形」 で 「伸縮と傾き」 をクリックします

画像






  元サイズが、3872×2592 で 640× 428 にするには

  640÷3872=0.1652 17%の設定でよさそうです

画像






  縮小した画像に 「新しい名前を付けて保存」 します

画像






  「Paint」 で処理すると データー自体がかなり圧縮されるようで

  大きさは 659×441 あるのに データーサイズは 111KB になっていました

画像






  画質の低下が心配な場合は 「伸縮と傾き」を20%程度でも十分なようです

  (20%では、大きさ 775×519 データーサイズ 129KB でした)


  「Paint」は使いやすいソフトですが

   これで加工するというのは

   食べ物でいうと 冷凍したものを 解凍して調理したようなものなので

   画質の劣化には注意してください



  「Paint」以外の画像ソフトでも 大きさを変えることができます

  自分の場合は、「Microsoft Office Picture Manager」を使用しています

  これも最初からパソコン(Windows)に入っていたソフトです



関連した情報


引き続き 過去記事の日記を再掲しておきます


ウェブリブログで写真を大きく表示する方法


気持玉準備編・キャラクターの登録


気持玉取替編・完結



少しでもランクアップできると励みになります
人気ブログランキングへ
人気ブログランキングへ

この記事へのコメント

2010年03月08日 20:43
これはひじょうに有意義なる記事です。
(他の記事が無意義という訳ではありません)

ありがとうございます!

余談ですが、Windowsクラシックスタイルが何ともマニアックとも思います。私はデスクを二台、ノート一台にて仕事及び遊びしておりますが、仕事用は、クラシックスタイルです。
2010年03月08日 20:44
コメントした途端に画面(プレート)が緑色になっていて二度びっくりです。
2010年03月08日 20:44
こんばんは。
僕は最大の容量で写真を撮っていますが、掲載画像は全て100K以下に圧縮しています。質は悪くなりますが、ストレスのない状態にしたいので。
2010年03月08日 21:12
ペイント はよく使いますが Microsoft Office Picture Managerは クリップアートとかからイラストをダウンロードした時に プログラムから開く という所をクリックした時に使うだけです。ペイントとどう違うのかも分かりません。
パソコン ってわからないことばっかいです。いろいろ参考にさせてください。
2010年03月08日 21:29
阿南龍子さん
 クラシックスタイルのほうがしっくりくるんですよね
 プレートは、いろいろ試してる最中でした・・・


g-sunさんのブログは、センスのいい写真1点で、語られていて
 読む側にストレスなく伝わってきます


丸みさん
 Microsoft Office Picture Managerは
 写真の加工に適していますよ
 撮影日付やシャッタースピードなどの情報も見れて
 慣れると便利ですよ
2010年03月08日 22:32
私も□地&○地さんから、写真を大きく載せる方法と、ブログを軽くする方法を教えていただきました。ありがとうございます。
まだまだ勉強しなくてはならない事がたくさんありますが、これからも宜しくお願いします。
ハムカツ
2010年03月08日 23:01
いつも良い情報ありがとうございます。
ハムカツのブログでも紹介させていただきましたm(__)m
2010年03月09日 03:29
私は初心者で、写真を最大のままで載せていました。
少し前に、カメラの機能で変えられる事を知り、640×480まで下げました。 
「Paint」の方法でするにも意味がわからず、今回じっくりやってみました。
もっと小さく出来ました。
でも解らないことばかりです。
まだ、変える事はあるのでしょうか。
2010年03月09日 07:28
よいこと教えていただきました。
写真はWEB用にするといいと聞いてるのですが、私の写真はボケなので画質が落ちるようで、ついそのままでやってます。

フラッシュで作ると軽くなるそうですが、その他のホームページ経由も画像サイズ
で重くなりますか?

今回痛い思いをしましたが、パソコンによって画像の写り方が随分違いますね。
今度は拡大して試してからアップします。
私のパソコン500GB 18.4型ワイドフルHD 解像度が大分高いと聞いてるのですが・・・ 
2010年03月09日 09:57
momijiさん
 ほんとは、ウエブリブログのほうで、
 もう少しわかりやすく設定できるようにしてくれるといいのですが…



ハムカツさん
 自分のは、専門知識がなくてもできる範囲の工夫です
 もっと高度な操作をされている方もいらっしゃると思いますが
 自分で説明できる範囲で・・・と思います



るんるんさん
 自分も最初は失敗だらけです
 「ペイント」では、文字を入れたり
 写真(画像)を切り貼りしてる方もいますね
 ただ、画質は落ちるんです・・・


ハッピーさん
 おそらくハッピーさんのパソコンが良すぎるので
 見に行く側が弱くて追いつかないことがあったのだと思います
 普通乗用車で4人乗って快適でも
 軽自動車では加速が悪くなるのと似てます
 自分が持ち歩いているパソコンは
 システムメモリ=1GB ハードディスク=160GB
 画面は10.1ワイド液晶で、130万画素です
 写真の微妙な明暗の確認には不満があります
 メモリーももっとあれば、読み込みも速くなると思います
かん
2010年03月09日 10:49
おはよう御座います
良く分かりました、
参考にします
2010年03月09日 13:07
いや~相変わらず解りやすくて参考になる記事ですね。
ちょっと試してみようかな~
2010年03月09日 14:49
写真の加工は、私もペイントを使っていましたが、Microsoft Office Picture Manager 使ったことがありませんでした。
私のPCにも入っているのかしら? 時間があるとき、遊んでみようと思います。
2010年03月09日 20:52
かんさん
 かんさんのキレイな写真。楽しみです


グッチーさん
 何かの役にたてば幸いですぅ


ケセラセラ子さn
 カメラの種類もわかるのですよ
2010年03月10日 08:37
私はイラレを勉強中なので、イラレで圧縮しています
フォトショップより圧縮率が高く画像もキレイです
Microsoft Office Picture Managerも使って色々試してみようと思います
かといって、写真は説明の為にUPしているだけなのでテクニックはあまり必要ではないのですが、見て下さる方に負担が無いようにしていです
いつもありがとうございます
簡単なことほど分からない事が多いのでとても参考になります
2010年03月10日 10:19
oriverさん
 イラレってはじめて伺いました
 画像劣化が少なくて、圧縮できるのはいいですね
2010年03月10日 16:56
なるほど、参考になります。
容量の残りが大分少なくなってきたので、過去記事の容量を落としたいと思っているのですけど、写真の容量を落としてupし直せば、落ちますかねえ。
でも面倒ですね。
2010年03月10日 22:13
かなり、身辺で色々ある様ですが大丈夫ですか?
どうか、上手にストレス発散して少しでも気持ちを落ち着かせて頂きたいです♪
先日は、どうもありがとうございました
とっても嬉しかったです(^^)
そして、今回もとっても分かりやすいお話、ありがとうございます
□地&○地さんの説明は、先生みたいですね
気持ち玉のイラスト・・・まだ変えられずにいます(>_<)
しばらく、忙しくて無理そうなのがとても残念です
2010年03月11日 11:57
ヒゲおやじさん
 自分も一部、大きすぎるデータの分は入れ替えたのですが
 また、昔の日記に戻って貼り付ける必要があるので
 途中で挫折しました
 自分も何れは
 古い日記や画像は削除するつもりです


kaworuさん
 ありがとうです
 まぁ、いろいろ
 何歳になっても、ありますね、ほんと…
2010年03月12日 23:47
どうも、ルーキーです。
俺はブログにできるだけ多くの写真やイラストを掲載したいと思いますので、
ブログに画像を掲載する際は、なるべく画像のサイズと容量は小さくします。

色々な人々に自分のブログを快適にみていただく為にも、こういったデータ容量の軽量化でブログ負担を減らす事は大事だと思います。

2010年03月13日 06:54
ルーキーさん
 同感です
 知らずに利用しているユーザーも多いと思いますので
 できれば、提供側(管理会社)で対応してほしいです
2010年03月14日 10:56
大変参考になりました。
実際に試してみたところ。
2272x1704 875KB
↓30%に設定
682x512 83KB
になりました。実際の見た目はほとんど変わらない様に感じます。
ありがとうございました。

パンパン