画像ファイルのサイズを小さくする方法

以前、エクスプローラーの組み込みのメールオプションを使用するか、Windows用のImage Resizerと呼ばれるデスクトッププログラムを使用して、画像ファイルのサイズを縮小する方法についての記事を書きました。これらは良いオプションですが、画像を最適化する方法は他にもいくつかあります。また、多くのWebサイトでペイントを使用するように指示されていますが、画像の見栄えが非常に悪いため、ペイントは適切な方法ではないことがわかりました。

まず、画像のサイズを縮小するために使用されるいくつかの方法では、画像の品質が低下することを理解することが重要です。これは、Webサイトでは問題ない場合がありますが、印刷では問題ありません。これは通常、画像の解像度を2560×1440から1920×1080に変更した場合に発生します。

画像のサイズを縮小する別の方法は、画像を圧縮することです。圧縮には、可逆圧縮と非可逆圧縮の2つのタイプがあります。可逆圧縮は、元のファイルの1ピクセルを失うことなく、画像のサイズを縮小します。非可逆とは、一部のデータが失われることを意味します。

最後に、画像形式もファイルのサイズに大きな違いをもたらします。カメラから撮影する通常の写真は、圧縮の観点からうまく機能するため、おそらくJPG画像になります。ただし、GIFを使用すると、色が少ない（256色以下）画像はかなり小さくなります。 PNGは、高度に圧縮できるロスレス形式です。 Webグラフィックや複雑な写真に適しています。

この記事では、サイズと品質の違いを確認できるように、複数の形式を使用して画像を圧縮するスクリーンショットを使用していくつかの例を示します。

画像サイズを縮小する方法

品質を損なうことなく画像のサイズを縮小する方法について説明することから始めましょう。これにより、画像の元の品質を維持しながら、最小のファイルが得られます。明らかに、非可逆圧縮を使用すると、以下の例に示すように、ファイルがはるかに小さくなりますが、品質がいくらか失われます。

フォーマットと圧縮

まず、フラットカラーのグラフィックから始めましょう。例として、HDG Webサイト（600×319）のスクリーンショットを撮りました。色が少なく、複雑ではないためです。圧縮なしのさまざまな形式のファイルサイズは次のとおりです。

元のGIF：27 KB

元のJPEG：67 KB

元のPNG：68 KB

ご覧のとおり、PNGファイルとGIFファイルはJPEGよりも確実に鮮明です。前述のように、JPEGは写真撮影に適しています。 GIFは、PNG（68 KB）と比較して27 KBしかないため、ここでうまく機能します。ただし、私の経験では、非可逆圧縮であり、画質が依然として非常に優れている場合、PNGははるかに圧縮率が高くなります。

3つを可逆圧縮すると、JPG画像とPNG画像だけがサイズが縮小されましたが、それほど大きくはなりませんでした。 PNGは45KBになり、JPGは58KBになりました。非可逆圧縮を行ったとき、PNGの数値が最も印象的でした。

不可逆GIF：22 KB

非可逆JPEG：50 KB

非可逆PNG：23 KB

ご覧のとおり、PNGは見栄えがよく、GIFよりもわずか1KB大きくなっています。そのため、ほとんどのスクリーンショットにこのWebサイトでPNG画像を使用しています。 JPEGは通常、色の多い写真画像に適しています。ただし、JPGは16ビットのみであるのに対し、PNGは24ビットであるため、JPGは数百万色をサポートしますが、PNGは無制限の色をサポートします。

GIFは5KBしか減少しませんでしたが、同時に多くの品質が失われました。 JPGはあまり圧縮されませんでしたが、JPGは通常、PNGほど圧縮されません。

写真アプリを使用して画像の形式を変更し、どのサイズが最小かを確認できます。圧縮については、オンラインツールを使用することをお勧めします。私は個人的にKraken.ioを自分のウェブサイトに使用していますが、TinyPNGやOptimillaなどの優れたウェブサイトは他にもあります。

画像の解像度を変更する

画像を縮小する主な方法は、画像の解像度を下げることです。 4000×2500のファイルがある場合、サイズを2000×1250に減らすと、ファイルのサイズは半分になります。データ内の元の画像の大部分が失われることは明らかですが、目的によっては問題にならない場合があります。

すべての画像編集プログラムには、画像を変更またはサイズ変更する方法があります。ここで、幅/高さまたは解像度を変更できます。これは通常、1インチあたりのドット数（DPI）または1インチあたりのピクセル数（PPI）です。 DPIとPPIの違いに関するこのすばらしい記事を読んでください。 Web上のあらゆるものについて、ドットではなくピクセルについてのみ心配する必要があります。ドットは印刷された画像にのみ影響します。

したがって、たとえば、私のWebサイトには、幅680ピクセルまでの画像しか含めることができません。したがって、アップロードする前に常に画像のサイズを680ピクセル以下に変更します。そうしないと、WordPressによって画像のサイズが680ピクセルに変更されますが、ファイルサイズは必要以上に大きくなります。

72ピクセル/インチの数値とリサンプルオプションについて詳しく知りたい場合は、この優れた投稿をチェックしてください。

色深度/モードの変更

上記の例では、色数が少ない画像の場合、数百万色をサポートする画像形式を使用する必要はありません。私のウェブページの例では、GIFはインデックスカラーと8ビット/チャネルのみをサポートする必要があります。

RGBカラーと16ビット/チャネルを選択できますが、画像はまったく同じように見えますが、ファイルサイズが大きくなります。これらのカラーモードの詳細については、AdobeのWebサイトを参照してください。 Photoshopに加えて、ほとんどの画像エディタでは、画像の色深度/モードを変更することもできます。

切り抜き画像

画像のサイズを小さくするもう1つの簡単な方法は、画像を切り抜くことです。切り抜かれたものはすべて、画像から完全に削除されます。使用している画像に関係なく、通常は少なくとも少しトリミングすることができます。これにより、サイズを確実に縮小できます。

また、作物は、上/下または左/右から切り取る典型的な作物である必要はないことに注意してください。私のお気に入りの1つであるSnagItEditorには、画像の中央から水平方向または垂直方向に画像の一部を切り取ることができる切り取りツールがあります。これは、あなたが思っているよりも頻繁に便利です。これは、コマンドの入力中に[スタート]メニューのスクリーンショットを含める必要がある例です。

上記のファイルサイズは元々22KBでした。それを使う代わりに、下図のように不要だった真ん中の部分を切り取りました。

新しいファイルサイズはわずか9KBです。圧縮を行ったり、ファイル形式を変更したりすることなく、これらすべてを実行できます。圧縮すると、4.4KBになりました。したがって、トリミングは画像のサイズを縮小するための重要な方法です。

うまくいけば、画像のサイズを小さくして、デジタル画像がどのように機能するかについて少し学びました。ご不明な点がございましたら、お気軽にコメントください。お楽しみください！