質問: 網膜-美容画像の最適な画像サイズ ウェブサイトでの高解像度ディスプレイをサポートしています。また、各ページに大きなヘッダー/美容画像があるので、幅を1400px-350kb未満-jpgにしました。品質とサイズのバランスがいいと思います。私たちのプログラマーは、私にそれらをさらに縮小するように求めています。網膜のヘッダー画像に最適なサイズはどれですか?
回答: 右についてのようですプログラマが高密度の網膜ディスプレイを処理する方法を知っている限り、このサイズ(または少し大きくても)は問題になりません。もちろん、細かいディテールのある写真のようなjpgファイルについて話している限りは。それ以外の場合、画像がベクターベースの場合、svgファイルを使用できます(使用する必要があります)。プログラマーが不足しているように見えるのは、さまざまな画面密度に基づいて画像を提供する必要があるということです。そして網膜スクリーンの要点は鮮明な品質の高品質画像を持つことであり、帯域幅を節約することではありません。たとえば、appleは以下の画像を提供します: サイズは81,47 kb(390.626バイト)therenovatorhqにはretinaの区別がないため、これをすべての人に提供します(網膜品質の画像)。 サイズは97,45 kb(406.988バイト)そして、私は数時間行くことができました、ほんの2つの簡単な例。これらは、retina versions(2xサイズ)でもないことに注意してください。ただし、2番目のサイトは、すべきでないことの例です。必要に応じて画像を表示するのではなく、全員に高密度画像を提供します。結論としては、網膜をサポートしている場合、品質と帯域幅があなたの懸念のより少ないはずですです。網膜で超圧縮された画像を表示しています...まあ、自分でテストして何が起こるか見てください。そして、はい、私は、高品質の画像やデザイン、使いやすさなどの必要性さえ把握できないプログラマーに対処することの意味を完全に理解しているので、組織にその文化を浸透させる必要があります。今回も何度も何度も追加の読書参考までに、以下のリンクを調べて、プログラマーに示してください。 より良い網膜ウェブを作成するためのガイド 高解像度の網膜ディスプレイの設計で学んだ5つのこと retinaディスプレイ用に画像を最適化 ウェブサイトを網膜化する正しい方法