このブログのウェブマスターとして私が直面した最初の課題の1つは、画像に関するものでした。サーバーリソースを最適化して高速でロードしたい場合は、非常に高いレベルで画像（JPG、PNG、GIF）を圧縮する必要がありました。
今日は、実際の忍者のように画像を編集および圧縮するために使用する2つの方法について説明します。過去3年間、あらゆることを試してきましたが、結局これが私にとって最も効果的な方法なので、皆さんと共有したいと思います。
できるだけ簡単な方法で一度に1つ以上の画像を圧縮する方法
多くの人が画像を圧縮することを勧めているのは、Photoshopや他のスタイルのマルチメディアエディタなどのプログラムを使用することです。非常に良いことですが、これらのタイプのアプリケーションは通常正確に安くはなく、個人的に十分に備えている多くのプロ機能も備えています-いくつかの調整を行い、いくつかの写真を圧縮し、短いアニメーションを作成したくありません8分〜。
アプリケーションをインストールせずに画像を編集および圧縮する方法
画像を圧縮してマージンとサイズを調整するだけの場合は、Pixlr ExpressというWebツールを使用します。数年前にオートデスクの手がかりを見てきたAutocadと同じオンラインアプリケーションであり、現在は別の会社（123RF）に買収されています。しかし、要点に行きましょう...
事は、それはまだ無料であり、それも同様に動作します。それだけでなく、登録も不要で、画像の編集、フィルター、フォントの追加、およびいくつかの効果の追加が可能です。私はブラウザの「お気に入り」フォルダに長い間それを置いてきました。
Pixlr Expressで画像を圧縮するために、私たちはただのエディタに画像をロードし、する必要がクリックし、「保存」。保存すると、ツールにより目的の圧縮レベル（0％〜100％）を適用できます。
保存時は、画像を圧縮できるときですもちろん、画像の品質は、適用する圧縮レベルと一致します。個人的な推奨事項として、元のと比較して65％の圧縮レベルを適用することをお勧めします。それでも画像は美しく見え、重さが大幅に軽減されます。
複数の画像を一度に圧縮してカスケードする方法
複数の画像がある場合、Pixlrを使用するのは少々面倒です。このような場合、私はRIOT（Radical Image Optimization Tool）と呼ばれる無料のプログラムを使用します。これは、JPG、GIF、PNG画像を圧縮するように特別に設計されています。
RIOTを使用すると、画像を読み込んで圧縮レベルを調整し、圧縮が適用された後の外観のプレビューを確認できます。これは可能な限り調整し、見栄えを良くするのに最適です。
しかし、RIOTの本当の魔法は、その「バッチ」機能にあります。ここから、一度に複数の画像（たとえば、フォルダーまたはサブフォルダーに含まれるすべての画像）をロードし、それらをカスケードで圧縮できます。これを行うには、「バッチ」アイコンをクリックし、宛先フォルダー（出力フォルダー）とソースフォルダーを選択するだけです（[ 画像の追加 ] -> [フォルダーからすべての画像を追加]）。必要なものがすべて揃ったら、「開始」をクリックして、選択したすべての画像に対して大量圧縮を実行します。
いいですね、聞こえます...画像を1つずつ圧縮することとこの方法で圧縮することの違いは、ひどいものです。大学の仕事のすべての画像を最適化する必要があると想像してください。さらに悪いことに、Webサイトのすべての画像を最適化する必要があります。
ブログやウェブサイトの画像に最適な圧縮レベル
上で少し述べたように、完全な圧縮レベルはWebページの65％です。しかし、これは個人的な推奨事項にすぎません...
しかし、Webページがあり、「完全な」レベルの圧縮が必要な場合は、「幸せなAndroid」と名乗るナッツの個人的な推奨以上のものを求めています。
このような場合のために、GoogleにはWebマスターのPagespeed Insightsの有名なページがあります。このツールを使用すると、ウェブサイトの読み込み速度を通知したり、その他のアドバイスを提供したりできるほか、特定のURLに含まれるすべての画像のコピーをダウンロードすることもできます。これらの画像のコピーは100％最適化されます。
画像をダウンロードするには、画像がぶら下がっているURLを入力し、[ 分析 ]ボタンをクリックする必要があります。分析が完了したら、「コンピューター」タブからほぼ最後までスクロールし、「このページに最適化された画像、JavaScript、およびCSSリソースをダウンロード」リンクをクリックします。これらのリソースが既に最適化されたZIPファイルを自動的に取得します。
それは少し隠されていますが、残忍なユーティリティを持つ機能ですこのチュートリアルがお役に立てば幸いです。私がこのプロジェクトを始めたときにそのようなものを読むことができたなら、それは確かに私に多くの頭痛を救ったでしょう。
PS：過去の「私」に捧げた投稿。あなたが学ぶかどうか見てみましょう、子供！
あなたが持っていますか電報がインストールされていますか？私たちのチャンネルで毎日最高の投稿を受け取ります。または、必要に応じて、Facebookページからすべてを検索してください。