イメージ画像

(続)あなたのブログは重くないですか

こんにちはSyu-Ziです。

前回と今回の記事タイトルで重くないですかの
「重い」ということばが昨日胸に突き刺さりました。

最近ダイエットの為の散歩をおろそかにしてるつもりは
なかったのですが、久々に体重計にのったら。。。

なんじゃ~これ~と言いたいくらいちょっとだけ増えてました。

ちょっとだからいいというのではなく少しは痩せただろうと
思ってた体重が増えてたのがショックでした。。。

本日もあなたのポチが励みになります(´∀`)b

前回からの続きで本日は画像形式の比較をしてみました。
http://syuzi-affiliate.biz/blogmake/gazou/
画像形式として使うものとして

  • BMP
  • JPG
  • PNG
  • GIF

前回、この4つの形式の説明をしました。

BMPに関してはそのまま使うことはないので
残りのJPG、PNG、GIFの比較になります。

本日は3パターンで比較をしてみました。

画像形式でサイズが大きいものから表示していきます。

言葉でいうより見てもらった方が早いので比較してみます。

発色が必要になる画像の場合

これはBMPで圧縮していないものなので306KBあります。
花画像bmp

次にPNGです。これは基本データを捨てない方式なので
発色はそれほど失われていませんね。
181KBほどになりました。4割程度サイズは小さくなりました。
花画像png

これはGIFですね。256色しか表示がないので発色が
必要な画像とかには向いていませんね。しかしサイズは
44KBと小さくなっています。
まぁ、このくらいなら使えないことはないですね。
花画像gif

最後にJPGです。多少の色のにじみがありますが、
25KBと一番容量が小さくなりました。
花画像jpg

発色が必要とする画像については品質にこだわるのであれば
PNG、サイズにこだわるのであればJPGというのがわかりました。

まぁ、人の目というものはある程度はごまかせるので
この画像に関してはJPGで使用しても問題はないですね。

そこは使う人次第ということです。181Kと25Kの差ですが
画像の枚数を使えば結構違いが出てきますので使い所を選ばないと
いけないということです。

以上検証でした!

で終わりたいところですが、これだけならあまり検証に
なってないので2パターンほど別に検証してみました。

それでは次に検証したのが発色をそれほど必要としない場合の比較です。
記事作成時に画像をキャプチャしたりするのにどの形式がいいのかを
比較するために検証をしました。

それほど発色が必要でない画像の場合

これが元になる画像です。272KBあります。
広告BMP

これはPNGでサイズが40KB
広告PNG

次はJPGでサイズが38KB
広告JPG

最後にGIFで24KB 一番サイズが小さくなりました。
広告GIF

この4枚で一番サイズが小さくなったのがGIFです。
4枚を見比べてあまり違いはないですよね。

この場合は発色が少なくてもいいものに向いてるのが
GIFというのがわかりました。

そしてPNGとJPGも差がなくなりましたね。
画像のサイズがあまり大きくなければJPGでもPNGでも
問題はないですね。

最後の比較はキャプチャをとるときに画像が含まれてなく
あっても少ない場合の時です。

発色がほとんどない画像の場合

まず、元の画像です。293KBあります。
文字BMP

次にJPGです。22KBです。
文字JPG

次にPNGで6KBです。
文字PNG

最後にGIFで4KBです。
文字GIF

気がつきました?

今までサイズがPNG>JPG>GIFだったのが

JPG>PNG>GIFになってますよね。
しかもPNGとGIFの差もほとんどありません。

これは状況によって画像形式を変えることにより更にサイズを
抑えることが出来るということです。

それと、どの画像形式にしても言えることはサイズを
小さくするのは余分な部分はなくすということをすれば
サイズを少しでも小さくすることが出来ます。

画像はあなたの使用用途によって
使い分けをすることをオススメします。

ちょっとのことかもしれませんがチリも積もればなんとやら
ということです。

最後にGIFはパラパラ漫画みたいに出来るので差別化するのに
いいと思います。こんな感じに出来ます。
バナー画像テスト用

画像さえあれば簡単に出来るのでやってみてください。

バナー工房:画像を加工して使うにもいいサイトなので是非使ってみてください。
http://www.bannerkoubou.com/anime/
画像を指定して切り替え時間、再生条件を指定して作成するだけです。
※規約をきちんと読んでから使用してください。

本日はここまでです。

あなたの応援を励みに更に頑張ります!

わからないことがあればいつでも声をかけてください(´∀`)b
http://syuzi-affiliate.biz/mail-form/

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

あわせて読みたい関連記事

タグ

2012年8月28日 | コメント/トラックバック(12) |

カテゴリー:ブログ作成

トラックバック&コメント

トラックバック

コメント

  1. HIRO より:

    Syu-Ziさん

    こんばんわ、HIROです。
    お世話なってます。

    見える化すばらしいですね!
    すごく良く分かりました♪

    私は味音痴ならぬ見る目音痴みたいです(笑)

    応援させて頂きます。

    HIRO

    • Syu-Zi より:

      HIROさん、こんばんは。

      訪問コメントありがとうございます。

      >私は味音痴ならぬ見る目音痴みたいです(笑)

      似たようなものです^^;

      記事に画像を使うことが多いので検証してみました。

      一応そういうサイトもあるのですが、
      文章だとわかりにくいこともあるので
      実際に自分でやってみてなるほどなと
      納得して自分でもやってみました(´∀`)b

      まぁ、自分のPCが最近調子が悪いのもあって
      負担を少しでも軽減したいというのもあってです^^;

      応援ありがとうございます。

  2. ポーネ より:

    Syu-Ziさん

    こんばんは、ポーネです。

    なるほど、JPEGが一番軽いわけじゃないんですね。

    基本的に全部JPEGを使ってましたが
    考えを改める必要がありそうです。

    僕も自分のブログが重かったので
    少し考えていたので
    今度から大きめの画像は各拡張子の重さを比較して
    利用することにします。

    貴重な情報をありがとうございました^^

    またお邪魔させて頂きますね。

    • Syu-Zi より:

      ポーネさん、こんばんは。

      訪問コメントありがとうございます。

      そうですね。画像形式はなんの画像かということが
      焦点になってきますね。

      GIFが一番小さくなると思っても画像の種類が変わるだけで
      サイズが大きくなったりもするのでその都度、見て判断を
      した方がいいですね。

      jpgが比較的サイズが小さくなりますが、合成とか加工する場合を
      考えるとpngの透過処理が使えたりするので本当にケースバイケースと
      いったところですね。

      応援ありがとうございます(´∀`)b

  3. Syu-Ziさん

    こんにちは、パワブロです。

    写真のように色数が多い画像だとJPEG、
    イラストのように色数が少ない画像だとGIFが軽いですね。

    私は画質重視でPNGを使うことが多いですが、
    やはりファイルサイズが大きくなりやすいので、
    状況に合わせてJPEGも使っています。

    JPEGはどれくらいのレベルで圧縮するかにもよりますが、
    50~70くらいならそこまで劣化しませんからね( ´∀`)

    応援クリック!

    • Syu-Zi より:

      パワブロさん、こんばんは。

      お世話になります。

      そうですね。品質重視ならPNGがいいですね。
      画像加工するにもPNGが一番使いやすいです。

      >JPEGはどれくらいのレベルで圧縮するかにもよりますが、
       50~70くらいならそこまで劣化しませんからね

      なるほどそのくらいの圧縮率ならそこまでかわらないですね。
      参考にさせていただきます(´∀`)b

      応援ありがとうございます。

  4. インフォG より:

    Syu-Ziさん、こんにちは。
    ランキングからおじゃまさせて頂きました。
    インフォGと申します。

    以前運営していたブログ重く感じたことがありました。
    Syu-Ziさんの記事、大変参考になりました。
    とてもわかりやすかったです。
    また訪問させて頂きます。

    • Syu-Zi より:

      インフォGさん、はじめましてSyu-Ziです。

      訪問コメントありがとうございます。

      ブログが重いとそこで訪問者の方に
      ストレスを与えてしまいますからね。

      ちょっとのことですが、そういう心遣いも
      アフィリエイターには必要ですね(´∀`)b

  5. Syu-Ziさん、こんばんは!インフォ仙人です。

    いつもお世話になります。

    画像の知識、とても参考になりました!
    サイズに関しては一概には言えないんですね。

    僕には、違いがほとんどわかりませんでしたので、
    ほとんどの場合、
    小さいサイズを使うのが良いのかなと思ってしまいました^^;

    GIFアニメ作成のサイト、良いですね!
    僕はいつもフリーソフトを使っていましたが、
    簡単なアニメなら、こちらの方が簡単かもしれませんね^^

    ポチポチ応援させていただきました!

    • Syu-Zi より:

      インフォ仙人さん、こんばんは。

      お世話になります。

      サイズが小さいにこしたことはないですが、
      あまりサイズにこだわると見栄えが悪くなるし
      そこはバランスが必要ですね。

      ここぞというときは綺麗なものと使い、
      発色が必要でない時は極力サイズの小さいものを
      使うとかの使い分けです。

      バナー工房は画像加工も簡単に出来るので便利な
      サイトです。使ってみてください(´∀`)b

      応援ありがとうございます。

  6. Syu-Ziさん はじめまして  真田ゆたかと申します。
    インフォ仙人さんのブログからお邪魔しました。

    やはり 見た目って大事ですよね

    私は、PNG派です。

    訪問者さんがパッと見て惹き付けられるブログにしたいものです。

    よかったら 今後ともよろしくお願い致します。

    では  応援!

    • Syu-Zi より:

      真田ゆたかさん、はじめましてSyu-Ziです。

      訪問コメントありがとうございます^^

      真田さんはPNG派ですか。
      そうですね。見た目は大事ですよね。

      >訪問者さんがパッと見て惹き付けられるブログにしたいものです。

      入り口は大事ですよね。

      その入り口にまずは入ってもらえない限り
      中を見てもらうことは出来ないですから。

      私もそういうブログを目指してます(´∀`)b

      こちらこそよろしくお願いしますね。
      応援ありがとうございます。


このページの先頭へ

FX業者の選び方