ウェブイメージのサイズを変更する方法を学ぶ
ほとんどのWebページでは、Web画像がダウンロード時間の大部分を占めています。 しかし、あなたがあなたのウェブイメージを最適化すれば、あなたはより速いローディングウェブサイトを持っています。 ウェブページを最適化する方法はたくさんあります。 あなたのスピードを最も向上させる方法の1つは、グラフィックスを可能な限り小さくすることです。
経験則としては、個々の画像を12KB以下に抑え、すべての画像、HTML、CSS、JavaScriptを含むWebページの合計サイズを100KB以下、最適には50KB以下にすることです。
グラフィックスを可能な限り小さくするために、画像を編集するためのグラフィックスソフトウェアが必要です。 グラフィックエディタを使用するか、 Photoshop Express Editorのようなオンラインツールを使用できます。
画像を評価して小さくするためのヒントをいくつか紹介します：
正しい形式の画像ですか？
ウェブには、 GIF、JPG、PNGの3つの画像フォーマットしかありません。 そして彼らはそれぞれ特定の目的を持っています。
- GIF -フラットカラー画像用のGIF形式を使用します。 これらは数色の画像です。
- JPG -写真画像のJPG形式を使用します。 これらは数百万色の画像です。
- PNG -画像を携帯端末に表示する必要がない場合は、PNG形式を使用します。 フラットカラーと写真の両方の画像に適しています。 画像をPNGとJPGまたはGIFのいずれかとして保存し、より小さいバージョンを使用することをお勧めします。
画像の大きさは？
イメージを小さくする簡単な方法は、それを小さくしてイメージを小さくすることです。 ほとんどのカメラは、平均的なウェブページが表示できるよりも大きな写真を撮ります。 500×500ピクセル以下のサイズに変更すると、より小さなイメージが作成されます。
画像は切り取られていますか？
次にすべきことは、できるだけイメージがきれいに切り取られていることを確認することです。 画像を切り取るほど、小さくなります。 切り抜きは、余分な背景を取り除くことによって画像の主題を定義するのにも役立ちます。
あなたのGIFはいくつの色を使用していますか？
GIFはフラットカラー画像であり、画像内に存在する色のインデックスを含みます。 ただし、GIFインデックスには、実際に表示される色より多くの色を含めることができます。 画像内の色のみにインデックスを縮小することで、ファイルサイズを小さくすることができます 。
あなたのJPGはどのような品質設定になっていますか？
JPGの画質は100％から0％に設定されています。 その品質設定が小さければ小さいほど、ファイルは小さくなります。 しかし、注意してください。 画質は画像の見た目に影響します。 そのため、ファイルサイズを低く抑えながら、あまりにも醜い品質設定を選択します。