web-dev-qa-db-ja.com

ウェブサイトの画像のベストプラクティスは何ですか?

今はsvg画像を使用しています。どのサイズでも見栄えが良いですが、すべてのブラウザーがこれをサポートしているわけではありません。それで、それは.png/.jpgで作業する方が良い練習ですか?

1
Vercryger

私はこれを使用します 参照としてサイト 。現在のほとんどすべてのブラウザでSVGが許可されており、その前のバージョンでも(かなり多く)許可されています。

私にとっては、グラフィックに関して言えば、レスポンシブサイトを作成するためにSVGを使用します。つまり、サイトをすべてのデバイスで機能させたいと考えています。SVGを使用すると、1つのイメージの複数のバージョンを作成しなくてもそれを実行できます。

私はSVGを使用することをお勧めします。サイトと一緒に応答したいアイコンを使用している場合は、静的サイトを作成する場合は従来のPNGを使用してください。

ただし、将来はその方向に向かっているため、最終的には全員がSVGに移行すると思います。以前はGIFだったのと同じように、現在はPNG、そしてついに登場するのがSVGです。

1
Majo0od

ウィキペディアが正しく指摘しているように、 JPEGはデジタル写真用に設計されています ですが、PNGは、図、アイコン、クリップパーツなどの写真以外の画像に、JPEGとしてより適したフォーマットです 不可逆圧縮 は、この種の画像では本当に貧弱な仕事をします。

SVGの使用は、デジタル写真のオプションすらありません。写真以外の画像の場合、PNGと比較して(指摘した理由で)悪い考えです。

[〜#〜] edit [〜#〜]そして、ここに短くて良い 「使用するWebグラフィック形式は? "

2
bruno