3クリックで画像ファイルサイズを40%圧縮！サイトの速度改善にも使える魔法のツール

2019.02.04　2021.11.09

WEBサイトの表示スピードを改善する方法の一つとして、「画像の最適化（圧縮）」があります。

ページ表示速度を100ミリ秒改善すると、収益が1%増加した事例もあり、ページ表示速度が遅いと離脱にも繋がるため、重要な対応の一つです。

画像ファイルの圧縮の方法として様々なやり方がありますが、ファイルの数が多いと意外と手間がかかったり、面倒な作業でもあります。

そこで、手軽で、WEB担当者でなくても使いやすい「画像一括圧縮ツール」をご紹介します。
このツールを使うことで、ほんの数秒で40%程度、ファイルサイズを圧縮することができますよ。

画像圧縮ツールのメリット
画像圧縮ツールの設定/準備
画像圧縮ツールの使用方法
注意点
最後に

画像圧縮ツールのメリット

PC内で完結し、ネット上にUPする必要はありません。
インストールが不要で、レジストリも汚しません。
3クリックで特定のフォルダ内（サブフォルダを含む）のすべてのjpegとpngファイルが一度に圧縮できます。
そのフォルダ内にPDFファイルなどが紛れていても問題ありません。
圧縮の品質を変更できます。

画像圧縮ツールの設定/準備

手順①ダウンロード

下記より、ソフトウェアをダウンロードしてください。

https://pngquant.org/（Command-line → Binary for Windows）
https://sourceforge.net/projects/jpegoptim/

手順②フォルダ作成

「pngquant.exe、jpegoptim.exe」を一つのフォルダにまとめ、適当な場所（Cドライブ直下など）に保存してください。

手順③設定変更

下記をメモ帳に貼り付け、■■■を手順②のフォルダパスに変更し、「画像一括最適化.bat」という名前でSendToフォルダに保存してください。

SendToフォルダのパスは、エクスプローラーのアドレスバーに「sendto」と入力すれば出てきます。

@echo off
rem ==========================================================
rem PNGの最適化
rem ==========================================================
rem /r → サブディレクトリまで対象にとる
rem /y → 同名のファイルが存在する場合、上書きの確認を行わない
rem –ext → 最適化したファイル名 (例：-ext “-new.png”)
rem –force → 最適化したファイルを元のファイルに上書きする
for /r %%i in (*.png) do (
“■■■\pngquant.exe” –ext .png –force %%i
)
rem ==========================================================
rem JPEGの最適化
rem ==========================================================
rem –strip-all → EXIFデータを始めとした各種メタデータを全て削除
rem –max=70 → 品質を70for /r %%i in (*.jpg) do (
“■■■\jpegoptim.exe” –strip-all –max=70 %%i
)
for /r %%i in (*.jpeg) do (
“■■■\jpegoptim.exe” –strip-all –max=70 %%i
)
rem ==========================================================
rem 完了テキスト
rem ==========================================================
echo =========================================================
echo 最適化できました！キーを押すとこの画面が閉じます。
rem 続行するには何かキーを押してください…　を表示しない
pause > nul