2017/03/09ブログやサイトを運営していると画像を使うことは多いと思いますが、1枚1枚の容量が大きいとサイトの表示速度が落ちるなどの悪影響があるため、できるだけ軽い画像をアップロードした方がいいとされています。軽くすればいいっていうものでもなくて、画像が荒れてしまうこともありますし、画質を保ちながら画像を軽くしようとするとなんらかのソフトを使ってひと手間加えないといけなくてめんどうなんですよ。Optimizer」というプラグインがおすすめです。画像をアップロードする段階で画質を落とさずに軽くしてくれるお手軽プラグインです。OptimizerJPEGminiやTinyPNGといった画像を軽くしてくれるソフトやサービスがあります。Optimizerも仕組みはこれらと同じで、画像に含まれる余計なデータを削除することで軽量化するというプラグインです。それらのサービスとの違いは「画像をアップロードするだけでいい」というところですね。なんの手間もかかりません。アップロードするだけで自動で画像処理してくれますので、インストールして有効化しておくだけでおっけーです。最初に設定しておいた方がいい項目があるので、それだけは手動で設定してください。僕が設定している項目はたったの2か所だけです。Optimizer設定方法では、僕がいつもチェックを入れてる項目だけご紹介していきます。元々はバズ部の記事を参考にしてますので、より詳しく知りたい方はこちらをどうぞ。Optimizerをインストールします。プラグインをインストールする方法はこちらを参照してください。Optimizer」の項目が増えてますのでそこに入って設定していきます。Settings」というタブを開きます。metadata」にチェックを入れます。これで画像についてる余計なデータを削除してくれます。余計なデータっていうのは、例えば「それを撮影したカメラの機種」のような情報ですね。ブログに掲載する際には必要のない情報のため削除して軽くした方が良いんです。Links」にチェックを入れます。これはプラグイン側で「これはJPGの方がいいかも」と判断してより軽くなる画像フォーマットに変更するというお節介機能だそうです。僕の場合は画像に合わせて最適なフォーマットに設定してるので、それを勝手に変換されたら困るためチェックを入れています。JPGとPNGの違いについてご存知ない方はこちらをどうぞ。JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる!最後に設定する箇所は2か所だけなんですけど、他の人のサイトやブログで設定するたびに忘れるので書いてみました。Optimizerは個人的には誰もが必要となるプラグインだと思ってるので、ぜひ使ってみてください。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。