画像のサイズを小さくする10の方法
公開: 2018-02-15私たちは皆、読者の注意を引くために高品質の画像を掲載したWebサイトを作りたいと思っています。
あなたがサービスを提供するページを持っているなら、あなたは製品を売るか、あなたはブログで働いています。 確かに、記事、静的ページ、製品など、数十枚の写真があります。
ウェブサイトの画像について話すとき、追加する画像の数だけを考える必要はありません。 また、それらのサイズ、したがってこれらのファイルがサーバー上で使用するスペースも考慮する必要があります。
このため、この記事では、Webページ、ブログ、またはeコマースで使用する画像のサイズを縮小するために使用できる10のツールについて説明します。
- 1・サイトの画像のサイズを小さくする必要があるのはなぜですか？
- 2・あなたのウェブサイトの画像のサイズを縮小するための10のツール
- 2.1 1）ShortPixel
- 2.2 2）EWWWイメージオプティマイザー
- 2.3 3）JPG ePNGを圧縮する
- 2.4 4）Compressor.io
- 2.5 5）オプティマイザ
- 2.6 6）WPスマッシュ
- 2.7 7）Kraken.io
- 2.8 8）ImageOptimizerを想像する
- 2.9 9）Photoshop
- 2.10 10）RIOT
- 3・Mailrelayに画像をアップロードする方法
- 3.1関連記事：
・サイトの画像のサイズを小さくする必要があるのはなぜですか。
これらの各ツールについて説明する前に、サイトの画像のサイズを縮小することの重要性について説明したいと思います。
今日では、サイトが高速であることが不可欠です。つまり、ロードに数秒しかかからない（理想的には3秒未満）ことが不可欠です。
サイトの画像を適切に最適化することは、次の3つの理由から重要です。
- 画像サイズはサイトの読み込み速度に影響します。高速なウェブサイトを用意することの重要性を理解しました。
- 読み込み時間は、SEOに影響を与える主要な要因の1つです。 速いウェブサイトは遅いウェブサイトよりもグーグルでより良くランク付けされます（常に例外がある可能性がありますが、それが原則です）。
- ウェブサイトの画像は、ページの幅に合わせる必要があります。 例を挙げると、利用可能なスペースよりもはるかに大きい画像を使用しているページをよく目にします。 スペースの幅が300ピクセルの場合、管理者は1000ピクセルの画像をアップロードしないでください。 これは多くのWebページでよくある間違いです。 私のアドバイスは、サイト上のすべての画像のサイズを調整することです。
・ウェブサイトの画像のサイズを縮小するための10のツール
1）ShortPixel
このツールの目的は、サイトのパフォーマンスを向上させ、画像のサイズを縮小することです。
WebバージョンとWordPressのプラグインとして利用でき、次の3種類の写真圧縮を提供します。
- 非可逆圧縮。 これは、ほとんどのユーザーにとって最良のオプションです。 このオプションにより、最適化と画質のバランスをとることができます。
- 光沢のある圧縮。 Google Insightsに重点を置いたツールを探しているが、読み込み速度について心配していない場合は、これが最適なオプションです。 このオプションにより、画質で許容できる圧縮が可能になります。 ファイルが圧縮されるほど、最終的な画質が低下します。
- 可逆圧縮。 最後のオプションでは、元の画像と比較して、ピクセルごとに画像を圧縮できますが、2つのオプションで処理されたファイルと比較すると、削減ははるかに小さくなります。
ShortPixelのWebバージョンでは、50ファイルのバッチで画像を縮小できます。
WordPressプラグインはとても使いやすく、とても軽いです。 インストールするだけで、プラグインはワンクリックでサイトのすべての画像とPDFファイルを圧縮します。
また、アップロードした新しい画像は、それ以上の操作を行うことなく、自動的にサイズ変更されます。
最後に、それが「フリーミアム」ツールであることを説明する必要があります。 つまり、月に100枚の画像を無料で圧縮できます。 その金額を超えると、いくつかの有料プランが提供されます。
https://shortpixel.com/
ShortPixel Image Optimizer
2）EWWWイメージオプティマイザー
これは、ウェブサイトの画像を最適化することを目的として開発されたツールですが、この場合、共有ホスティングを使用するサイトを対象としています。
ShortPixelの場合と同様に、EWWW Image Optimizerには、Webバージョン、WordPressのプラグイン、およびいくつかの有料プランがあります。
EWWW Image Optimizerを使用すると、ページの読み込み速度を上げて、サイト上のすべての画像を最適化できます。
この速度の向上は、検索エンジンでより良い位置を獲得し、コンバージョン率を向上させるのに役立ちます（たとえば、売り上げや新規加入者の増加）。
EWWW Image Optimizerは、アップロードしたすべての画像を自動的に最適化できます。 また、サーバーですでにホストされているすべてのイメージを最適化することもできます。 また、すべてのファイルを最適な形式に変換することもできます。
圧縮オプションについては、品質を損なうことなく、ピクセルごとに圧縮するか、高圧縮オプションを選択できます。
https://ewww.io/
EWWWイメージオプティマイザー
3）JPG ePNGを圧縮します
このオンラインツールを使用すると、JPGおよびPNGで最大20枚の画像を含むバッチを圧縮できます。
その使用法は非常に簡単です。ファイルをアップロードまたはドラッグするだけです。 準備ができたら、圧縮された画像を個別にダウンロードするか、ZIPファイルに圧縮する必要があります。
http://compressjpeg.com/es/
4）Compressor.io
ページにアップロードするためにいくつかの画像を圧縮する必要がある場合、これは私のお気に入りのツールの1つです。
それはcompressor.ioで利用可能であり、その使用法は非常に簡単です。 圧縮する画像をロードまたはドラッグし、プロセスが完了するのを待って（数秒しかかかりません）、圧縮ファイルをダウンロードするだけです。
また、プロセスが完了すると、ツールは元の画像と比較した圧縮率を表示します。
JPEG、PNG、GIF、SVGの4つの異なる形式でファイルを圧縮できることに注意してください。
5）オプティマイザ
これは、さまざまな圧縮アルゴリズムとのスマートな組み合わせを使用して、ファイルの品質を維持しながらJPEGおよびPN形式の画像のサイズを縮小するオンライン画像オプティマイザーソフトウェアです。
一度に最大20枚の画像を操作して、圧縮を制御したり、画像を比較したりできます。
http://optimizilla.com/es/
6）WPスマッシュ
これは私がいつも自分のサイトにインストールしているWordPressプラグインです。 そのプラグインの正しい名前はSmushImage Compression andOptimizationです。
このプラグインを使用すると、プラグインをインストールする前に、インポートした画像とサイトに追加した画像の両方のすべての画像のサイズを変更、最適化、圧縮することができます。
私の意見では、このプラグインの最高の機能は、すべての画像のデフォルトの幅と高さを設定できることです。 これらのサイズを超えると、プラグインは自動的にファイルを縮小します。
また、同時により多くの画像を圧縮したり、すべての元の画像のバックアップを保存したりするオプションなど、追加機能を備えた有料バージョンがあります。
Smush –画像の遅延読み込み、画像の最適化と圧縮
7）Kraken.io
Kraken Image Optimizerはオンラインバージョンで利用できるツールですが、WordPressまたはMagento用のプラグインもあります。
このツールの主な利点は、次のことを行う必要があるユーザー向けです。帯域幅とスペースの使用量を減らし、Webサイトの読み込み時間を改善します。
プラグインを使用すると、新しい画像だけでなく、サーバーに既に保存されている画像も最適化およびサイズ変更できます。
このソフトウェアはJPEG、PNG、GIFファイルをサポートしており、ファイルの最大サイズは32MBです。
https://kraken.io/
Kraken.ioイメージオプティマイザー
8）ImageOptimizerを想像してください
他の以前のツールと同様に、ImagifyはWordPressのWebバージョンとプラグインで利用できます。
このプラグインを使用すると、次のことができるようになります。サイトの読み込み速度を改善し、画像最適化タスクの時間を節約し、使用しているファイルの品質を確認します。
プラグインは、ワンクリックでWordPressライブラリを圧縮およびサイズ変更でき、WooCommerceやNextGenGalleryなどの他のオプションとも互換性があります。
https://imagify.io/
想像する–画像を最適化してWebPを変換する
9）Photoshop
画像を圧縮するためのこれらの10個のツールのレビューを終えるために、2つのソフトウェアについて説明します。
Adobe環境での作業が好きな場合、PhotoshopにはWebサイトで使用するために画像を最適化するオプションがあります。
具体的には、この機能は「Webに保存」または「Webにエクスポート」にあり、画像のサイズ、品質、形式を選択できます。
必要に応じて画像を調整し、圧縮ファイルをダウンロードするだけです。
10）RIOT
最後に、画像の品質とサイズの適切なバランスをとることができるソフトウェアであるRIOTについて説明します。
このツールを使用すると、パネルが元の画像の領域と最適化されたバージョンの領域の2つの部分に分割され、違いを並べて確認できるため、圧縮ファイルの品質をはるかに高速に確認できます。
フォーマットに関しては、JPG、GIF、PNGのファイルを圧縮できます。 6つの異なるアルゴリズムを使用して画像のサイズを変更できます。
・画像をMailrelayにアップロードする方法
画像を圧縮して最適化するためのこれらの10のツールがわかったので、これらの画像をMailrelayアカウントに段階的にアップロードし、ニュースレターに含める方法を説明したいと思います。
最初に知っておくべきことは、Mailrelayは、ニュースレターの送信とメーリングリストの管理を可能にするメールマーケティングソフトウェアであるということです。 使用したい画像をアカウントに直接アップロードできますが、CMSプラットフォームまたはブログを使用してこれを行う方法を説明します。
その意味で、ニュースレターで使用したい画像を外部でホストすることをお勧めします。 それでは、WordPressにインポートする方法を説明します。
最初にすべきことは、サイトのメディアギャラリーまたはブログにアクセスすることです。 ここでは、サイトにアップロードされたすべての画像を管理したり、新しいファイルを追加したりできます。
次のステップは、前のセクションで示したツールのいくつかを使用して画像が最適化されたら、画像をインポートすることです。
「新規追加」をクリックしてコンピュータ上で選択することにより、それらを直接ドラッグまたはドロップできます。
画像を読み込んだ後、画像を選択して詳細を開くことができます。
画像にカーソルを合わせて右クリックし、 [画像のアドレスをコピーする]オプションを選択します。
画像の正確なURLを使用して、Mailrelayアカウントを開き、新しいニュースレターを作成します。 すでにメッセージを作成している場合は、メッセージを編集して画像を含めてください。
追加するには、「画像」ボタンをクリックすると、次の画面が表示されます。
このウィンドウでは、画像のプロパティを管理できます。 新しいアドレスを追加するには、前の手順でコピーしたアドレスを貼り付けるだけです。 これを行うと、インポートしようとしている画像が表示されます。
画像のプロパティは何で構成できますか？
- 代替テキスト。 これは、画像が正しく読み込まれなかったときにユーザーに表示されるテキストです。 電子メールソフトウェアによっては、画像が正常に読み込まれない場合があります。 問題を回避するために、サイトのURLを追加することをお勧めします。
- サイズ（ピクセル単位の幅と高さ）。 ここに画像のサイズを挿入する必要があります。 スマートフォンで正しく表示されるように、幅が600pxを超えないようにすることをお勧めします。 実際、400または500pxの幅を使用できる場合は、さらに優れています。
- 角。 ピクセル単位の境界線サイズ。 通常、このフィールドは空のままにしますが、境界線を追加する場合は、このオプションで構成する必要があります。
- 水平方向と垂直方向のスペース。 画像の水平方向と垂直方向のスペースをピクセル単位で構成できます。
- 配置。 画像の左揃えまたは右揃えを選択します。
ニュースレターのデザインに従って設定すると、次のようになります。
ニュースレターに画像を挿入するには、[同意する]ボタンをクリックするだけです。
画像を圧縮するための10のツールのこのレビューが役立つことを願っています。 ニーズに最適なオプションを選択するだけです。
この投稿を終了する前に、すべての画像を最適化して、サイトの読み込みにかかる時間とGoogleでのランクを減らすことの重要性を強調したいと思います。
結局のところ、私はあなたがあなたの主要なキーワードの最初のページになりたいと確信しています。