【5秒解決】画像イメージを軽くしてとっとと好印象をつくる

こんにちは！酒持ってこい、田中( @sakemottekoi___ ) です。

画像イメージを手っ取り早く圧縮してくれて、ぶっ込み完結する無料の便利ツールをまとめました。

ブログやサイトに投入する画像は、1つのイメージで200KB以下が理想だとされています。

画像イメージが重ければ重いほどサイト全体の表示速度が遅くなり

その分ユーザーのストレスになってしまいます。

その他にもデメリット多数あり

一手間かかりますが、小さなストレスをつくらない為に、とっとと画像を軽くしてしまいましょう。

全部で5種類のツールをご紹介します。ブックマークして頂くと後々のたむぱが高いです。

見出しの『』 / ボタンからツールのサイトへ直接飛べるので、使用法が不要な方は飛んでみてください。

ではさっそく、いってみましょう。

JPEG と PNG と GIF を圧縮してくれる頼れるワニ『 Optimizilla 』

『 Optimizilla 』はJPEG / PNG / GIF 形式、3種類の画像をぶっ込むだけで綺麗にファイルサイズを圧縮してくれる頼れるワニツールです。

一度に20枚のぶっ込みが可能で、日本語でもちゃんと対応してくれます。

早速やってみよっ

オレンジ枠内のアップロードから画像を読み込んで頂くか、ドロップ&ドラック ( ぶっ込み ) で画像を読み込みます。

最短１秒でアップロードが完了します。

ダウンロードをクリックしたらおしまいです。

サイト検索からダウンロードまで約10秒で完結します (ありがてえ)

＼ ワニ ／

JPEG と PNG をこねて圧縮してくれる熊『 あっしゅくま 』

『 あっしゅくま 』はJPEG / PNG 形式、2種類の画像をぶっ込むだけで綺麗にファイルサイズを圧縮してくれるナイス熊ツールです。

一度に30枚のぶっ込みが可能で、使い方も丁寧に書いてくれています。

※無理をさせるとエラーになります。

早速やってみよっ

オレンジ枠内にドロップ&ドラック ( ぶっ込み ) で画像を読み込みます。

最短１秒でアップロードが完了します。

めっちゃこねてくれます。

※イメージはPNG画像です。

ダウンロードアイコンをクリックしたらおしまいです。

PNG画像はアップロードまで時間がかかるイメージでしたが、一生懸命こねてくれていたので苦になる程ではありませんでした。

＼ くま ／

JPEG と PNG と WebP を圧縮してくれるナイスパンダ『 TinyPNG 』

『 TinyPNG 』は最近、JPEG も圧縮してくれるようになりました。

JPEG / PNG / WebP 形式、3種類の画像をぶっ込むだけで綺麗にファイルサイズを圧縮してくれるナイスパンダツールです。

一度に20枚、1つのイメージで5MBまでのぶっ込みが可能です。

早速やってみよっ

オレンジ枠内にドロップ&ドラック ( ぶっ込み ) で画像を読み込みます。

最短３秒でアップロードが完了します。

パンダが万歳をしてくれたらアップロード完了です。

ダウンロードをクリックしておしまいにしましょう。

『 TinyPNG 』はDropboxへの保存も可能です (ありがてえ)

＼ パンダ ／

4種対応ハイパーカメレオン『 Compressor 』

『Compressor』は、JPEG / PNG / GIF / SVG形式、4種類の画像をぶっ込むだけで綺麗にファイルサイズを圧縮してくれるハイパーカメレオンツールです。

圧縮タイプも上記4種類から選択することが可能です。

また、1つのイメージで10MBまでのぶっ込みができます。

早速やってみよっ

緑枠内にドロップ&ドラック ( ぶっ込み ) で画像を読み込みます。

最短3秒でアップロードが完了します。

アップロードが完了したらダウンロードをクリックしておしまいです。

上記でも触れましたが、1つのファイルで 10MB までアップロードすることが可能なので、Adobeなどで SVG 形式に保存した重めのファイルも圧縮できる『Compressor』はとても貴重な存在です。

＼ カメレオン ／

9種対応カスタム自在の握り潰しツール『 Squoosh 』

『 Squoosh 』は、Googleが公開したツールです。

JPEG / PNG / GIF / PDF / TIFF / JPEG2000 /MozJPEG / WebP / BMP形式、9種類の画像をカスタマイズしてファイルサイズを綺麗に圧縮できる握り潰しツールです。

※ Safari / Chrome / Firefoxなどの表示ブラウザによって異なります。

最大の特徴は画像の劣化する状態を見ながら圧縮調整できることです。

つまり、ぶっ込んだ後に自分で圧縮調整をしなければなりません。

田中はそれがとても億劫に感じました。

取り敢えず、やってみよっ

ピンク丸へ、ドロップ&ドラック ( ぶっ込み ) で画像を読み込みます。

1秒もかからず読み込み完了。

Qualityのスライダーを動かして圧縮率を調整します。

アップロードが完了したら青丸にダウンロードアイコンが表示されるので、クリックしたらおしまいです。

ブラウザの相性が悪い( 田中の場合はmacでsafari )とイメージのようにいつまで経っても読み込みが終わりません。

今回は10分ほど待ちましたが、結局終わらなかったので諦めました。

＼ 握り潰し ／

さいごに

どのツールも一手間かかりますが、画像が圧縮できるとメールに添付する場合、受け取り手の負担を減らす事ができます。

URL化して送ってしまうことも一つの手ですが、手間を減らすという点では前者の方が無難です。

また、サイトやブログに画像を投入した場合、サイトの表示スピードはSEO対策に大きく関わってきます。

せっかくサイトを見に来てもらったのに投入画像が重くてブラウザで見れずにストレスを与えてしまった…

なんてならない為にも是非に試してみてください。

ちょっとチート

『 Optimizilla 』→『Compressor』→『 あっしゅくま 』など圧縮はしごをしてより圧縮ができたり

逆に、どのツールでも圧縮できない画像もあったりします。

また、『Compressor』では圧縮できなかったけど、『 TinyPNG 』では難なく圧縮できたなどの不規則なパターンがあるので

お気に入りのツールが見つかるまでは色々、試してみてブックマークに入れておくのも良いかと思います。