2010.06.04
サイトで使う画像はJPGしかない
少し前に「サイトで使う画像、気にしてる?」という記事を
書きました
画像のサイズを減らすテクニックを書いたわけだけど目的は
サイトの表示スピードを早くするためだよね
今回は画像のフォーマットの選び方について説明しておきます
なんでかというと、サイトの多くが間違ったフォーマットの選択をしているから・・
画像を最適なフォーマットで保存することでサイト最適化にもなり
表示のスピードアップを図ることが可能なんです
ほとんどのサイトで使われる画像フォーマットはPNGかJPGでしょう
実はこの使い分けを間違えるとスピードはダウンするんですね
まず最初に理解して欲しいのが、PNGは可逆圧縮、JPGは不可逆圧縮だということです
なんのことかわからない方もいるかと思いますので説明していきます
可逆圧縮とはデータの欠落がまったく起こらない圧縮方式のこと
絵を書いたりする人にはビットマップとベクター画像で言えばベクター画像だといったほうが
わかりやすいかもね
不可逆圧縮とは圧縮する度に劣化していきます
つまりPNGというのはサイズを小さくしても劣化しないのが利点です
ですが、あまり小さくなりません^^
JPGなら気にならない劣化程度の圧縮で五分の一くらいまで小さくできます
それとPNGは基本的に減色することでサイズを小さくしますが
キレイにサイズを減らすのはかなり難しいのでおすすめではありません
サイトに載せる画像はマスター画像がPNGしかなければJPGに変換するのが
小さいサイズでなおかつキレイで一番おすすめなのです
どうしてもPNGを使う場合は解像度を落とすのではなく圧縮率を妥協するしかありません
ただし、マスターとして残しておく画像は劣化のないPNGで持っておくことです
PNGをJPGに変換するフリーソフトはいくつかありますが、
保存時にjpg圧縮率の指定ができるものがいいですね
windows付属のペイントでもできるんですが
びっくりするくらい汚くなります
なので使わないように^^
保存時は圧縮率を下げ品質を優先して変換してください
それでもかなりファイルサイズが小さくなります
この条件に当たるソフトとしては
こういうものがあります
http://saku-style.net/shorty_b……ta/jtrim2/
商材を購入する際は、必ず相談してください
あなたにとって本当に必要な商材をおすすめします
正しい方法で一歩踏み出せば必ず稼ぐことができるからです
こんなこと聞いて笑われないかな?とメール送信ボタンを
なかなか押せない、あなた・・
一緒に前に進んでいきましょう
⇒さくにメールする
確実にお届けするために、なるべくフリーメールではないアドレスを登録してください













コメント by アクセスアップと言えばマメボー — 2010 年 6 月 5 日
こんにちは~
今日もためになりました。
私はかなり大雑把は方なので、ほとんど気にした事なかったです(‘A`)
JPGは不可逆圧縮なんですね。
確かに何回もいじってたら画像があれてきますね。
これが原因だったのかφ(。。;)
コメント by AQUASとハイパーブロガーの高度なコラボ技術@たぬきち — 2010 年 6 月 5 日
さくさん たぬきちです(*´∀`)r
PNGをJPGに・・・それは
私へのメッセージですね?(; ・`д・´)キラーン
そっかぁ・・読み込みに画像形式も関係あるんですね
最近JPGで画像作るとやたらと汚くなるから
JPGの画像を合えて、PNGに変換してました
でも、サイズはJPGよりはるかに小さくなってますよ
あと、劣化がほとんどないです(*´∀`)
読み込み速度もチェックしましたが
さほど差はなかったですよ(*´∀`)r
コメント by さく — 2010 年 6 月 5 日
マメボーさん
>私はかなり大雑把は方なので、ほとんど気にした事なかったです(’A`)
ほとんどの方はそうですよ^^
画像のアレは実はSEOに関係があります
需要がありそうなら記事にするかも
コメント by さく — 2010 年 6 月 5 日
たぬきちさん
たぬきちさんは速度にも気を配っていらっしゃるので
対象には入れてませんでした^^
画像ファイルを収集するクローラーというものがあるんですが
各検索エンジンによってアルゴリズムに違いがあります
そして基本的にwebではjpg,gif,png意外は使ってはだめです
インデックスすらされないこともあります
あともろもろあるので記事にするかもしれません
コメント by サラリーマン父ちゃん@水上 — 2010 年 6 月 6 日
こんにちわ!水上です
先日は大変お世話になりましたm(_ _)m
今回の記事もとても興味深いですね。
自分のブログをチェックしてみたところjpgが3分の1
gifが3分の2を占めていました。
gifはどうなんでしょう??
スピードが劣る原因なら変更しなくては・・・。
ドドーーンと応援ポチッと(^o^)/~
コメント by さく — 2010 年 6 月 6 日
水上さん
gifがどうとかではないです^^
ページが重いならナニが原因か突き止める必要があるんですね
スクリプトなのか画像サイズなのか、他の何かなのか・・
画像には代替テキストをちゃんと設定するとか
そういう基本的な部分が大事です
こういう部分を検索エンジンは見ています