『ニャー(WordPressでブログを始めてみたはいいけど、画像の容量が大きいと問題ありって本当?どういう手順で素材に使う画像を加工すれば問題なくウェブサイトで使えるようになるのかよく分からないので教えて欲しい。できれば手間いらずな方法でよろ。ちなみにぼくはMacユーザーです。↑こういったわがままなネコの要望に応えます。この記事では、未経験からフリーランスエンジニアになった僕がMacで画像を一括軽量化する意味とその方法を解説していきます。サイトの動作が速いことは、ユーザーの利便性が向上することに加えSEOとも関係があります(解説します)。この記事を読んで、画像の最適化についてはバッチリ!という状態になってもらえたら幸いです。それではさっそく参りましょう。〜裏技編〜画像を圧縮・軽量化すべき理由そもそもどうして画像処理をするのか。ここら辺を理解していない方やあいまいな方は、下記の目的を頭の片隅に置いておいて下さい。「SEO対策」に画像の軽量化処理が有効SEO対策、つまり検索順位を上げるために画像処理をしてやる必要があるということはSEOを牛耳っているGoogleが公言しています。以下はGoogle公式サイトからの引用した文言です。ページの読み込み時間を最適化します。表示の速いサイトはユーザーの満足度を高め、ウェブ全体の質を向上させます(特にインターネット接続速度が遅い場合)。ツールを使用してページの読み込み速度をテストすることをおすすめします。InsightsというGoogle謹製のツールを利用すれば、どこをどう直せば読み込み時間が短縮できるかということがよく分かります。このサイトの画像処理をしていないページの結果が以下なのですが、色々アドバイスを書いてくれています。余談ですが、SEO対策は色々すべきことが多いですが全部Google先生の公式に書いてあります。SEOの記事をぐぐって大枠をつかんでからは公式のガイドラインを読み込みましょう。「サーバー負荷軽減」にも画像の軽量化処理は有効サーバーとはざっくり言ってしまうと常時稼働し続けるパソコンのことです。SafariやChromeなどのブラウザからサイトを訪問した際に、それに対応するページを送り返したりする役割があります。結局パソコンみたいなものなので、その内部に置いておく画像の容量は小さい方がいいということは何となく理解できると思います。〜アウトライン〜画像を最適化する際のメリットが分かったので、その手順を具体的に説明していきます。全体の流れを提示してみると、以下のようになります。画像のサイズ調整でも、画像のファイルサイズは小さくなります。その前に圧縮しておくとより小さなサイズに変換できるという訳です。圧縮すると画像の解像度は下がりますが、サイトで使う分には問題ないです。〜実践編〜画像の一括処理に使われる、代表的なMac用アプリは以下の2つです。ImageOptimJPEGmini残念ながらこれらのアプリは有料です。どちらもインストールしてみましたが、仕様感は似たり寄ったりです。使うべきは、JPEGminiです。いうかImageOptimはサブスクリプションタイプだったので、、、。ツールごときに月額課金したくないですよね?JPEGminiは僕が見た時は¥3,500の買い切りでした。無料版だと枚数制限があるので、それで凌ぐのもアリです。画像のリサイズも同時にできるので(ImageOptimはできないハズ)使い勝手が良かったです。〜裏技編〜ツールを紹介しといてなんですが、僕はエンジニアなので上記のものは使いません。Macで言うところのターミナルを使って一括圧縮・リサイズを行います。実際に使用しているコードを載せておきます。詳細な解説はしませんが、このコードを画像と同じフォルダに置き実行してやればフォルダ内の全ての画像が圧縮してリサイズされます。<<END$IMG_FILESENDこのようにエンジニアになるとできることの幅が広がるので、かじる位でもいいのでやってみるのはオススメです(暴論)。コメントをキャンセルメールアドレスが公開されることはありません。次の記事Macはこう選ぶ。