ブログメルマガかせぐ初心者のアフィリエイト戦略と情報レビュー


トップページ プロフィール メルマガ オススメ教材 特典一覧

ご訪問ありがとうございます




ネットビジネスに役立つツールやノウハウ

ただいま4点セットでプレゼント中です!




【期間限定配布中】



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/





商材を購入する際は、必ず相談してください

あなたにとって本当に必要な商材をおすすめします

正しい方法で一歩踏み出せば必ず稼ぐことができるからです




こんなこと聞いて笑われないかな?とメール送信ボタンを
なかなか押せない、あなた・・

一緒に前に進んでいきましょう

さくにメールする




記事がお気に召しましたらブックマークお願いします!

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

いますぐ無料プレゼントを受け取ってください!
確実にお届けするために、なるべくフリーメールではないアドレスを登録してください

メールアドレス(必須)
名前(HN可)(必須)
     

6件のコメント » コメント投稿後、20分間は編集可能です

  1. コメント by アクセスアップと言えばマメボー — 2010 年 6 月 5 日

    こんにちは~
    今日もためになりました。
    私はかなり大雑把は方なので、ほとんど気にした事なかったです(‘A`)

    JPGは不可逆圧縮なんですね。
    確かに何回もいじってたら画像があれてきますね。
    これが原因だったのかφ(。。;)

  2. コメント by AQUASとハイパーブロガーの高度なコラボ技術@たぬきち — 2010 年 6 月 5 日

    さくさん たぬきちです(*´∀`)r

    PNGをJPGに・・・それは
    私へのメッセージですね?(; ・`д・´)キラーン

    そっかぁ・・読み込みに画像形式も関係あるんですね
    最近JPGで画像作るとやたらと汚くなるから

    JPGの画像を合えて、PNGに変換してました
    でも、サイズはJPGよりはるかに小さくなってますよ

    あと、劣化がほとんどないです(*´∀`)
    読み込み速度もチェックしましたが

    さほど差はなかったですよ(*´∀`)r

  3. コメント by さく — 2010 年 6 月 5 日

    マメボーさん

    >私はかなり大雑把は方なので、ほとんど気にした事なかったです(’A`)

    ほとんどの方はそうですよ^^
    画像のアレは実はSEOに関係があります
    需要がありそうなら記事にするかも :mrgreen:

  4. コメント by さく — 2010 年 6 月 5 日

    たぬきちさん

    たぬきちさんは速度にも気を配っていらっしゃるので
    対象には入れてませんでした^^

    画像ファイルを収集するクローラーというものがあるんですが
    各検索エンジンによってアルゴリズムに違いがあります

    そして基本的にwebではjpg,gif,png意外は使ってはだめです
    インデックスすらされないこともあります

    あともろもろあるので記事にするかもしれません :mrgreen:

  5. コメント by サラリーマン父ちゃん@水上 — 2010 年 6 月 6 日

    こんにちわ!水上です
    先日は大変お世話になりましたm(_ _)m

    今回の記事もとても興味深いですね。
    自分のブログをチェックしてみたところjpgが3分の1
    gifが3分の2を占めていました。

    gifはどうなんでしょう??
    スピードが劣る原因なら変更しなくては・・・。

    ドドーーンと応援ポチッと(^o^)/~

  6. コメント by さく — 2010 年 6 月 6 日

    水上さん

    gifがどうとかではないです^^
    ページが重いならナニが原因か突き止める必要があるんですね
    スクリプトなのか画像サイズなのか、他の何かなのか・・

    画像には代替テキストをちゃんと設定するとか
    そういう基本的な部分が大事です
    こういう部分を検索エンジンは見ています

この投稿へのコメントの RSS フィード。

コメントする

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: