画像をより早く表示して読み込む方法

ビデオ: ブログ(WordPress)におけるSEOで強い画像の使い方【挿入方法も実演解説】

コンテンツ

説明書
どうやって
必要なもの

インターネットに画像を投稿するときは、Web表示用に最適化されていることを確認することが重要です。そうすれば、画像の読み込みを速くすることができます。画像の読み込みが遅いと、訪問者が見逃される傾向があり、サイトを十分に楽しむことができなくなる可能性があります。画像の読み込みを早くするための最善の方法は、できるだけ多くの品質を固定サイズに絞り込むことです。 Web表示の場合は、各画像のサイズを50KB以下に抑えることをお勧めします。

説明書

Web表示用に画像を最適化すると、読み込みが速くなります。 （Ablestock.com/AbleStock.com/Getty Images）

正しい形式を使用してください。グラデーション画像や多くの混色にはJPEGを使用してください。コントラストの高い図形やテキストを含む画像の場合は、GIFまたはPNGを使用できます。ほとんどの画像編集ソフトウェアはクロスフォーマット変換をサポートしています。
画像の解像度を72 dpi（1インチあたりのドット数）に変更します。ほとんどの画面とモニタは、この解像度でWebページと画像を表示します。この解像度を使用すると、歪みや色の問題を減らすこともできます。
あなたのイメージのカットを最大化します。たとえば、画像の被写体が純色の背景に置かれている場合は、純色の大部分を切り取ります。あなたはより小さなファイルサイズになってしまうでしょう。
画像を少しぼかします。半径0.2ピクセルのガウスぼかしを適用することから始めます。 1.0ピクセルのガウス背景ぼかしは、画像ファイルのサイズを約23％縮小するのに十分なはずです。品質の低下を防ぐため、画像の背景または目立たない部分のみを消去してください。
選択ツールを使用して画像からオブジェクトを分離し、画像の残りの部分をぼかします。これにより、画像のファイルサイズが大幅に縮小されます。利点として、重要なことを強調します。

どうやって

HTMLマークアップでは、入力する各画像の幅と高さを必ず指定してください。このように、ブラウザはあなたのイメージに理想的なサイズを計算する必要はありません。いつでもスプライト画像を使用してください。あなたのWebページがしなければならないHTTPリクエストの数を減らすために大きな画像ファイルに小さな画像を組み合わせる。これで、あなたはあなたのイメージをより速くロードさせることができます。