JPEG、GIF、またはPNG:どちらを使用するか

開示: あなたのサポートはサイトの運営を維持するのに役立ちます!このページで推奨する一部のサービスについては、紹介料を稼ぎます.


画像ファイルのスペースを節約しようとするが、品質は損なわない?

使用するのに最適なファイルタイプを正確に把握するのは難しい場合があります。画像を間違ったタイプで保存すると、美しい写真がぼやけたり、ロゴの細部がすべて失われたり、透明な背景が黒くなったりする可能性があります.

自分のコンピューターでは、すべてのファイルをそのまま保持し、必要に応じてストレージスペースをアップグレードするのは簡単ですが、オンラインで画像ファイルを扱う場合、問題を複雑にする多くの要素があります。.

JPEG、GIF、またはPNG:どちらを使用するか

大きなファイルは、多くのスペースを占有するだけでなく、帯域幅を占有し、ダウンロード時間を増加させます。そして、あなたのウェブサイトの重要な画像があなたの訪問者のために十分に速く読み込まれないならば、それはあなたの収益に影響を与えるでしょう.

また、ホスティングに関しては、ファイルを保存するための容量を増やすことは、自宅でハードドライブをアップグレードすることほど簡単ではありません。ストレージと帯域幅を増やすために毎月のホスティングプランをアップグレードすると、非常に高価になる可能性があります.

ただし、すべてのファイルのサイズを圧縮または縮小することはできません。また、画質についても心配する必要があります。それはカラー写真ですか、それともあなたが保持する必要がある多くの詳細を備えた白黒ですか?多分それはあなたがぼやけたりピクセル化したりしたくない鮮明できれいなラインのあるロゴでしょうか?または、透明な背景やアニメーションなど、特別な考慮を払った画像を使用することもできます。どのファイルタイプがそれらの機能をサポートし、どれがそれらの特殊効果を失うか知っていますか?

どの画像に使用するのに最適な画像ファイルタイプであるかを正確に知り、高品質の画像を維持しながらプロセスのスペースと帯域幅を大幅に節約したい場合は、以下の便利なリファレンスを確認してください。.

Know-Your-File-Types

JPEG、GIF、PNGを使用する場合

デジタル画像は私たちの受信トレイをいっぱいにし、コンピューターのメモリ領域を占有し、Webページにロードするのに時間がかかります。デジタル画像ファイルを操作する場合、各状況で使用する特定のファイルタイプがあります.

JPEGとは?

  • ファイル拡張子:.JPGまたは.JPEG
  • 「JPEG」は「Joint Photographic Experts Group」の略です。
    • グループは1986年にフォーマットを設計しました.
  • 「ジェイペグ」と発音
  • 24ビットデータ形式
  • 数百万色を表示できます
  • 非常に複雑な圧縮アルゴリズムを使用
    • ファイルサイズを小さくするには
    • 画像の詳細を「忘れる」ようにし、表示されたときに記入する
      • 失われたデータの「不可逆」圧縮と呼ばれる
      • 人間の目は色の詳細だけでなく、明暗の詳細も見えないため、ファイルのスペースを節約するために一部の色の詳細を犠牲にすることができます.
    • 通常、60〜75%の圧縮がWebサイトの使用に最適です。.
    • 小さいファイルサイズが最大品質よりも重要な場合に使用します
  • デジタルカメラとWebページの標準ファイル形式.
  • 多くのプラットフォーム(PCおよびMac)、およびその他のプログラム(Webブラウザーおよび画像エディター)に対応.
  • 2014年3月、Mozillaはmoz jpeg形式を作成しました.
    • 現在の認識可能なJPEG形式で動作します.
    • Webブラウザーなどの既存のプラットフォームで動作します.
    • 品質を失うことなく、ファイルサイズを最大15%削減します.
    • アップロードを高速化するために、Webページ、特にFacebookに役立ちます.
  • JPEG Mini Tool
    • JPEG Miniなどのツールを使用すると、品質を損なうことなく写真を最大5回圧縮できます.
    • ファイルサイズが小さいほど、必要なストレージ容量が少なくなり、アップロードが速くなります.

JPGを使用する場合:

  • 静止画のみ
  • 写真のような実世界の画像
  • 複雑な着色
  • 光と闇の陰影

GIFファイルとは?

  • ファイル拡張子:.GIF
  • 「GIF」は「Graphics Interchange Format」の略です
  • 遅い接続を介して画像をすばやく転送するために1987年にCompuServeによって作成されました.
  • 「jif」と発音
    • 「gif」または「jif」に関する公開討論
    • クリエイターのSteve Wilhiteは、正しい発音は「jif」であると述べました。
  • 256のインデックス付きカラーを使用
    • 2つのピクセルカラーを組み合わせて1つにして必要なカラー数を減らすプロセスであるディザリングを使用します。.
  • シングルビットの透過性が可能
    • 透明になるように1つの色を選択できます.
  • インターレース可能
    • プログレッシブロードでは、最初に低品質のバージョンが表示され、次に詳細が追加されます.
  • アニメ化できます
  • ロスレス圧縮を使用
    • 色が少ないということは、ファイルがJPEGよりもさらに小さいことを意味します.
    • 圧縮によってデータが失われることはありません.

GIFを使用する場合?

  • 色の少ないWebグラフィック
  • 小さいアイコン
  • アニメーション
  • シンプルな画像
    • 線画
    • 単色ボーダー
    • シンプルな漫画

PNGファイルとは?

  • ファイル拡張子:.PNG
  • 「PNG」は「Portable Network Graphics」の略です
  • 1990年代半ばにGIF形式の特許問題を回避する方法として設計され、GIFとJPEGの両方からの利点を含む.
  • 「ping」または「P-N-G」と発音
  • ロスレス圧縮なので、データは失われません.
  • PNG-8
    • GIFによく似ています
    • 256色と1ビットの透明度
    • PNG-8ファイルはGIFファイルよりもさらに小さい
  • PNG-24
    • JPEGと同様の24ビットカラー
    • 1600万色以上を含めることができます
    • 可逆圧縮は、JPEGよりも大きなファイルを意味します
  • アルファチャンネル
    • PNGファイルを使用すると、透明度を不透明と完全に透明の間で設定でき、色あせた半透明の外観を実現できます。.
    • PNG画像は任意の色の背景に配置でき、元の外観を維持できます
    • 一部の古いブラウザでは、アルファチャネルが原因でPNGファイルをサポートできない場合があります.

PNGファイルを使用する場合?

  • 透明性とフェードを伴うロゴなどのWeb画像.
  • 編集プロセスの途中の画像.
  • ファイルサイズが問題でない場合は、写真などの複雑な画像.

何を使うべきか?

JPEGは…

  • 静止画
  • 写真
  • 多くの色
  • 光と闇の陰影

GIFは…

  • アニメーション

PNGが最適なのは…

  • Web画像(PNG-8)
  • 透明性と退色を伴うロゴ
  • 編集プロセス中の画像(PNG 24)
  • ファイルサイズに問題がない場合、写真などの複雑な画像(PNG-24)

さまざまな画像ファイル形式を利用できるため、画像に適した形式を使用して、Webサイト、電子メール、および個人用デジタルスクラップブックの品質とスペースを節約できます。.

出典

  • 画像ファイル形式– yourhtmlsource.com
  • 画像ファイル形式– JPG、TIF、PNG、GIF ..どれを使用しますか? – scantips.com
  • JPEG – techterms.com
  • JPEG、GIF、PNGの違いは何ですか? – info.eps.surrey.ac.uk
  • MozillaとFacebookがすべてのJPEGからさらに5%削減– theregister.co.uk
  • JPEG – jpeg.org
  • ダイエット中のあなたの写真– jpegmini.com
  • GIF – techterms.com
  • GIFの作成者は、JIFと発音しています。彼は間違っている– gizmodo.com
  • PNG – techterms.com
  • なぜPNG形式を使用するのですか? – soliddocuments.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map