このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなきゃ損するPC情報を分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • 内蔵HDDのクローン,外付け化ができるスタンドを買ってみた (08/18)
  • ノートPC Lenovo G570 のヒンジが壊れたので100円で修理した (08/16)
  • エクセル:カーソルが吹っ飛ぶ「Ctrl+矢印」キーを味方につける (08/14)
  • Windows:「スタート」ボタンが無反応なので小技でシャットダウン (08/09)
  • steelseries:アメリカから交換用のキーキャップを送ってくれた話 (08/07)
  • 管理人より
    2200万アクセス突破しました。ありがとうございます。

    画像フォーマットの使い分け

    このエントリーをはてなブックマークに追加
    花火写真


    こんにちは、さち です!

    今更感たっぷりですが
    今回は画像のフォーマット(保存形式)についてまとめてみます。
    (また私の備忘録です、すみません…)
    この記事で扱う画像フォーマットは
    一般的によく扱われる「JPEG」「GIF」「PNG」「BMP」に絞ります。

    それでは、さっそく見ていきましょう!




    JPEG(ジェイペグ)

    写真画像に向いている不可逆圧縮の画像ファイル形式です。
    (可逆圧縮もできますがほとんど使われていないようです)
    不可逆圧縮を行うと必ず画質に劣化が生じます
    その分、ファイルサイズは非常に小さくなります。
    (BMPの1/10~1/100程度になると言われてます)

    圧縮率を上げるとブロックノイズモスキートノイズが発生するので
    画質とファイルサイズのバランスを考え圧縮率を選びましょう。

    また、JPEGは写真画像に大きな効果を発揮します
    色数が少ないコントラストがハッキリとした画像には向きません。




    GIF(ジフ)

    色数が少ないコントラストがハッキリとした画像に向いている
    可逆圧縮の画像ファイル形式です。
    可逆圧縮は、ファイルサイズを小さくしても画質劣化は起きません。
    ただし、不可逆圧縮に比べて圧縮率は低くなります。

    扱える色数が256色までなので用途が限られます。
    ネット上ではアイコンなどの小さなイラスト画像によく使われます。

    また、「透明色」を扱えるので画像の背景を透かすことができます。

    GIF が他の形式と異なる点はアニメーションができることです。
    アニメーションする(動く)画像を作る場合は
    自動的に GIF を選ぶことになります。




    PNG(ピング)

    PNGは、オールラウンダーな可逆圧縮の画像ファイル形式です。
    GIF のような色数制限もありません。
    JPEG, GIF どちらにも向かない画像には PNG を使えばOK。

    また、色の透明度(アルファチャンネル)を設定できるため
    画像全体を半透明にするなんてことも可能です。

    GIF と同じく透明色を扱えますが
    アルファチャンネルに未対応のブラウザ(IE6など)は
    透明色の部分が変色してしまうので注意。
    IE7以降, Firefox, Opera, Safari は対応してるので
    IE6 のことを気にしなければ使用に問題はありません。

    アニメーション(MNG, APNG)もできますが
    対応ブラウザが少ないため使うのは控えた方がよいです。




    BMP(ビットマップ)

    「BMP」は無圧縮の画像ファイル形式です。
    (16色,256色の場合のみ圧縮が可能)
    無圧縮なので当然ファイルサイズが大きいです。

    Windows の「ペイント」のデフォルト形式なので認知度は高いですが
    インターネット上ではほぼ使われません
    (ファイルサイズが他の形式より格段に大きいため)
    自分の PC 内でのみ扱う画像であれば「BMP」でも問題ないですが
    ネットにアップする画像では「BMP」以外を使った方がよいです。




    その他のフォーマットに
    JPEG のノイズ問題点を改善した「JPEG2000」がありますが
    未対応ブラウザが多いためあまり使われません。

    JavaScript を用いて
    IE6 でアルファチャンネル付きPNGを表示させる方法もあるようです。
    興味がある人は「PNG IE6 アルファチャンネル」で検索してみて下さい。


    画像を保存する時は、最適な形式を見極めましょう!








    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2017 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ