Webサイトの画像サイズを縮小する方法(品質を損なうことなく)

更新日:2022-04-25 /記事:Jason Chow

Webサイトの画像サイズを小さくすることは、訪問者が最適なエクスペリエンスを確実に得られるようにするために不可欠です。 「重い」ということは、画像によってページの読み込み時間が長くなることを意味しますが、これはGoogleが嫌うものです。 最適化されていない画像を残すと、検索エンジンの結果ページ(SERP)のランキングに影響を与える可能性があります。

ウェブサイトの所有者は、画像との愛憎関係を持っていることがよくあります。 私たちは、彼らがユーザーに提供できる豊かな体験のために彼らを愛しています。 それでも、画像はしばしば不釣り合いな量のリソースオーバーヘッドを引き起こします。 これを回避するために、さまざまな方法で画像サイズを縮小することができます。

画像サイズを小さくするということは、ピクセルサイズを小さくするだけでなく、ファイルサイズを小さくすることを意味することを忘れないでください。 

1.画像エディタの使用

MSペイント

画像サイズを縮小する最も簡単な方法は、Microsoftペイント(または GIMP Linuxを使用している場合)。 上の画像の比較的大きなファイルをダウンロードしました。元々は3724x2400ピクセルのサイズでした。 それは1.2MBを占めました。これはWebでの使用にとって重要です。

これをMicrosoftペイントで開いて、幅を1024ピクセルに変更し、高さに比例してダウンスケールしました。 その結果、わずか1024kbのサイズで659x273ピクセルの画像が作成されました。 ご覧のとおり、画像サイズの縮小により、元のファイルサイズのXNUMX倍以上の節約になりました。

2.画像​​圧縮の使用

画像圧縮

画像圧縮は、画像サイズをさらに縮小するのに役立ちます。 各画像には、色品質、ピクセル密度などのコンポーネントが含まれています。 品質が高いほど、写真に含まれるデータが多くなるため、写真のサイズが大きくなります。

特にこの時代のモバイルデバイスでは、Webで使用するために常に最高品質の画像が必要なわけではありません。 そのため、次のようなオンラインツールを使用して画像を圧縮できます。 Optimizilla。 このツールを使用すると、画質を制御して画像サイズを小さくすることができます。

画質を70に設定することで、縮小した画像を274kbから80kb未満に縮小しました。 これは、1.2MBを超える元の画像サイズと比較されることを忘れないでください。

3.画像を他の形式に変換する

画像にはさまざまな種類があり、品質とサイズに影響します。 たとえば、JPGの同じ画像は、BMP形式の同じ画像よりもかなり小さい可能性があります。 今日、多くのWebサイトがWebPのような次世代の画像形式に移行しています。

繰り返しますが、 オンライン変換、元のオオカミの画像をJPGからWebP形式にすばやく交換できます。 この変更により、サイズがさらに節約され、WebPファイルは28.7kbになりました。 

4.WordPressプラグインを使用する

なめらかに

複数の画像を処理して実行する必要がある場合 WordPress ウェブサイト、さらに良いオプションがあります。 画像最適化プラグインは、あなたの介入がなくても上記のすべてを行うことができます。 評判の良い画像最適化プラグインの例は次のとおりです。 EWWWオプティマイザー, 画像スマッシュ, 想像する.

これらのプラグインを使用する利点は、プラグインが独立して機能できることであり、設定が完了したら心配する必要はありません。 ただし、プラグインを使用すると、Webサイトの全体的なリソース消費量が増えるため、プラグインを賢く選択してください。

画像サイズの縮小に関する最終的な考え

示されているさまざまな方法は、相互に排他的ではありません。 XNUMXつ、XNUMXつ、またはXNUMXつすべてを使用することを選択でき、結果は通常、改善されるだけです。 主な目的は、画質をあまり犠牲にすることなく、ファイルサイズを可能な限り小さくすることです。

あなたのウェブサイトが軽いほど、それはあなたの読者とあなたにとってより有利であることを忘れないでください。 ストレージと帯域幅の費用を抑えながら、よりスムーズな読み込みエクスペリエンスを実現します。 それはお互いに有利な状況です。

続きを読む:

周杰倫について

ジェイソンは技術と起業家精神のファンです。 彼はウェブサイトを作るのが大好きです。 あなたはTwitter経由で彼と連絡を取ることができます。

接続します。