あなたのサイトのための写真を選択するとき、それは重要な写真にあるものだけではありません。 実際には、右の画像形式を選択することも同様に重要になることができます。 それでは、JPGとPNG、どちらを選択するか、そしてその理由について話しましょう。

間違ったフォーマットのために行けば、より遅いウェブサイト、より高い直帰率、およびより低い換算率で終わるかもしれない–それは特に容易に避けることができるときほしいと思うものがでない。,

PNGとJPGの違い

基本的な定義から始めましょう。

PNGはポータブルネットワークグラフィックスの略で、いわゆる”ロスレス”圧縮があります。 つまり、画質は圧縮前と圧縮後で同じであったことを意味します。

JPEGまたはJPGは、いわゆる”非可逆”圧縮で、共同写真専門家グループの略です。

あなたが推測しているかもしれないように、それは両者の最大の違いです。 JPEGファイルの品質は、PNGファイルの品質よりも大幅に低くなります。

しかし、低品質は必ずしも悪いことではありません。,

JPEGとは何ですか？

JPEG画像は、デジタル写真によって生成される画像の一般的な選択肢であり、複雑な色や陰影のある画像には適しています。

JPGの10：1圧縮では品質の低下はほとんど知られていませんが、写真に使用されるデータ量を減らすことは応答性の高いプレゼンテーションに役立つため、サイズが小さいほどJpegはwebでの使用に適しています。

一方、JPG画像は、隣接するピクセル間の鋭いコントラストのために、線画やその他のテキストまたは象徴的なグラフィックに最適ではありません。, サイトにそのタイプのイメージを使用する場合は、おそらくロスレスグラフィック形式の使用を検討する必要があります。

PNGとは何ですか？

PNGはGifの改良された代替品として作成され、インターネット上で最も一般的な可逆画像圧縮形式となっています。

では、PNGファイルとは何ですか？

ポータブルネットワークグラフィックスとして知られているPNG画像は、パレットベース、グレースケール、およびフルカラー非パレットベースのRGB/RGBAです。,

PNGファイル形式は、印刷グラフィックス用ではなく、インターネット上の画像を転送するために特別に設計されており、その結果、CMYKなどの非RGB色空間

大きなプラスはそれです。pngは、様々な透明性レベルとPNGの背景できる完全に透明にする上で重要なpngロゴデザインすることになります。 それはまた、フェード効果を持つ写真のための最良の選択です。,

JPG vs PNG-基本的なルール

JPGとPNGの両方の形式には長所と短所があるため、両方を最大限に活用して強みを発揮する必要があります。

実際には、それはあなたが使うべきであることを意味します。写真のためのjpeg,と.pngグラフィックやです。

それは本当に重要ですか？

JPGとPNGを話し、両者を並べて比較すると、真実は写真の違いの多くを見ることができないということです。

PNG画像がそれほど良く見えない場合は、JPG形式を常に使用して、自分で物事を簡単にしないのはなぜですか？,

残念ながら、それはすべてそれほど単純ではなく、その理由は画像圧縮です。

最高品質の画像フォーマットが必要ですが、応答性の高いwebサイトも必要なので、jpegとpngの違い、特に画像圧縮の違いを考慮する必要があります。

次のように考えてください：画像圧縮とは、サイズのために品質を犠牲にすることなく画像サイズを縮小することを意味します。 一般的には、より強い圧縮equals小さいファイルサイズ＝悪い画質が得られます。,

したがって、良い圧縮が必要な場合は、ファイルの品質とサイズの間の適切なバランスを見つける必要があります。

コンピュータに保存されている画像を見ると、ファイルが圧縮されていないため、最適なバージョンが表示されます。 ただし、その同じ画像がウェブサイトにある場合は、それを見るためにダウンロードする必要があります。

論理的には、画像が大きいほどロード時間が長くなることを意味します。,

画像圧縮サービス

画像圧縮のための多くのサービスとツールがあり、jpgまたはpngに使用できる優れたものがいくつかあります。

•Kraken。,io–サイズと品質の間の素晴らしいバランス

•クラーケンWordPressのプラグイン–あなたのサイトにアップロードする画像の自動圧縮

•WP Smush–自動的に画像を圧縮しますWordPressのプラグイン

テキストを含む画像

時々、テキストを含む画像を使用したいと思うでしょうし、jpegまたはpngを選択することはここで本当に重要です。 Pngは、通常、このタイプの写真や細部のグラフィックスの方がより良い選択です。,

jpgとpngの重要な違いは、Jpgでは、文字の輪郭やグラフィックからの細い線が通常はあまり鮮明に見えないことです。

通常の写真

そして、文字を持つグラフィックスや画像は、通常、より良い見ている間、.pngファイルは、通常の写真と、JPGは、サイズが小さい場合ので、webのためのより良い選択です。

Pngのみを使用する場合、Webサイトが遅くなり、ユーザーが不満になる可能性があります。,

画像のサイズを変更する

圧縮とは別に、webデザインに使用する画像のサイズを変更することも検討できます。 良いニュースは、サイズ変更は複雑なプロセスではなく、右のそれを行うには二つの方法があるということです：

1–あなたが手動で画像のエッジをシフトすることができますサイズ変更ツールのいくつかを使用してください。 元の高さと幅の比率を維持したい場合は、側面のいずれかではなく、画像の角をつかむようにしてください。,

2-手動で調整して画像のサイズを変更したくない場合、または特定のサイズの画像が必要な場合は、画像のサイズを指定してから、それに応じ

ただし、サイズ変更後に画像が少し焦点が合わなくなることがあるため、pngまたはjpgとしてエクスポートする前に、いくつかのシャープニングツールを

PNG vs JPGあなたがわからないとき

今では、Jpgが写真に適していることはわかっていますが、しばらくしてJpgが写真に適していることがわかpng画像は、テキストとグラフや写真のためのより良い仕事。, しかし、その間のどこかにある画像には何が良いのでしょうか？

スクリーンショットは、多くの場合、写真だけでなく、テキストや鋭い線が含まれているので、その良い例です。

しかし、スクリーンショットについて話すときにJPGとPNGに関しては、PNG形式を使用して画像内のテキストの鮮明さと読みやすさを保持する方が

一日の終わりに、どのフォーマットを使用すべきかまだわからない場合は、いつでも両方のフォーマットに画像を保存し、それらを比較して、あなたのニーズに最も適していると思うものを決定することができます。,

JPGとPNGの比較に関する考えを終わらせる

PNGファイルが何であるか、PNGとJPGの違いが何であるかを知ったので、ウェブサイトを見栄えの良いだけでなく、速くて応答性の高いものにするために適切な形式を選択する方が簡単です。

JPGとPNGについて話すときは、心に留めておくべき重要なことがいくつかあります。

PNGは、グラフ、テキスト、スクリーンショット付きの写真、およびロゴデザインなどの透明性の使用を必要とするデザインのための最良の選択です。, しかし、最大の欠点は、彼らがサイズが大きく、あなたのウェブサイトが遅くなるということです。

JPGは、一方で、ロードするために小さく、より高速ですが、圧縮は、通常、写真のための問題ではありません品質のいくつかの損失と手に来ますが、それは細い線を含むテキストや画像のために悪いことができます。 だからあなたはどれを使うべきですか？

まあ、それは画像のタイプとあなたが構築しているウェブサイトのタイプによって異なります。