画像サイズのガイドライン

Question

これは多少の自由な質問です。

私が取り組んでいるサイトでは、パフォーマンスを最適化する必要があります。重要な領域の1つは、サイトで使用されるイメージのファイルサイズを最適化することです。

不幸なことに、これらの画像は、Web用の画像を作成するために必要な知識を持たない従業員によって作成されており、使用するための一連のガイドラインを作成するのが私の仕事です。

さまざまな次元の画像の典型的な画像ファイルサイズに関するリソース/ガイドライン/文献があるかどうかは、画像が正しく作成されているかどうかを確認するのに役立ちます。

すべての情報をいただければ幸いです。事前

Answer 1

で

おかげで私は、意見の質問に答えることはできませんが、私は小さいあなたのイメージを維持するいくつかのガイドラインを提案することができます。

最初に、Photoshopを使用して画像を編集している場合、ヘッダー（デジタルペパーレール、EXIFデータなど）にたくさんのひそみを保存している可能性があります。また、人々は頻繁に高すぎるビット深度で節約します。

初心者のユーザーにとって、「ウェブ用に保存」を使用する理由を説明しようとすると、それらを混乱させる可能性が高くなります。代わりに、ただでそれらを指す：

http://www.smushit.com/ysmush.it/

このサイトはかなり便利です - それはあなたが指定したページ上のすべての画像を圧縮しますか、画像をアップロードすることができます。

画像が保存される場所に関するガイドラインを書くことを強く検討する必要があります。静的な画像コンテンツを動的コンテンツ以外の複数のサーバーに保存することは、しばしば非常に有益です。ほとんどのブラウザは、特定のWebサイトから一度に限られた数のファイルしかダウンロードしません（通常は2です）。

理由がない限り、すべての画像はHTTPキャッシュ技術（有効期限、エタグなど）のいずれかを使用してキャッシュされる必要があります。

幸運。

Answer 2

解像度72 dpiで、jpegまたはpng形式のいずれかが最適です。

最終的に表示される正確なピクセル領域サイズで画像を使用しようとします。これは、imagesのheight属性とwidth属性によって指定されます。

イメージ品質とのトレードオフがありますが、ファイルサイズも保存するjpegイメージの出力品質を設定できます。

私はこれが使いたいと思っています。