Tips 画像圧縮をきれいに最適化してくれるWebツールを5つご紹介します。どのツールも画質を保ったまま圧縮してくれるものばかりなので、安心して使用することができます。ブログ投稿やWebサイト制作の前に、これらのサービスを利用して最適化した画像を用意してみてください。 補足 なぜ画像の縮小表示が必要かといいますと、 例えば数学解説サイトでa^x(aのx乗)のような、指数の表示のとき。 私のページではaやxなどの文字や数字は全て画像ですので、 aの右肩に乗せるxを表示させるとき、 どうしても画像の縮小が必要になります。 画像圧縮をきれいに最適化してくれるWebツール5選+1をご紹介 画像をきれいに圧縮してくれるWebツールを5つご紹介します。どのツールも画質を保ったまま圧縮してくれるものばかりなので、安心して使用することができます。画像サイズを圧縮して最適化することはWebサイト表示速度にも影響しますし、SEOとしても効果があると言われておりますので、画像を最適化できる圧縮ツールはぜひとも用意しておきたいもの。ブログ投稿やWebサイト制作の前に、これらのサービスを利用して最適化した画像を用意してみてください。よく見かけるツールや最近見つけた新しいツールまで、画像圧縮をきれいに最適化してくれるサービスをご紹介します。Web上で使用できるので、WindowsでもMacでも関係なしに利用することができます。最近見つけたJpeg.ioというツール。見た目を損なわずに画像サイズの最適化をしてくれます。また、このツールの特筆すべき機能は、ｊｐｇ以外の画像フォーマットにも対応していて、さらにjpgに変換してくれるというところ。pngやgifではその恩恵を感じないと思いますがsvgやpsdなどのファイル形式も対応しておりますので、Photoshopなどで作成されたpsdファイルをそのままjpg画像に変換することができるのです。いざという時の手間をかなり省くことができますね。対応しているファイル形式 ： jpg / png / gif / svg / bmp / eps / psd / TIFF / WebP画像圧縮のWebツールとしては定番のサイトです。pngとjpgに対応していて（以前はpngだけだったような…）、一度に20枚のファイル、もしくは5MBまでのファイルを圧縮してくれます。サイト制作時だと一度に大量の写真を圧縮する機会があると思うので、そういった際は手間がかかってしまいますが、ブログ記事更新時などでは手軽に使用できるサービスですね。対応しているファイル形式 ： jpg / pngその名の通り、jpg画像を圧縮してくれるツール。Macアプリが有名でそちらが画像圧縮ツールとしては定番になっております。そのWeb版がこちら。最大80%の圧縮率ということで画像が荒くならないか不安にはなりますが、見た目では全然分からないくらいのクオリティで圧縮してくれます。私はMacアプリ版を使用してます。対応しているファイル形式 ： jpgjpgやpngだけでなく、gifやsvgの画像圧縮にも対応しているCompressor.ioというWebツール。最大90%もの圧縮率ですが、こちらも見た目では全然分からないくらいのクオリティで圧縮してくれます。対応しているファイル形式 ： jpg / png / gif / svgこちらもMacアプリが有名でしたが、そのWebツール版としてサービスを提供されております。このツールは画像圧縮ではなく画像についているメタ情報やカラープロファイルを削除して画像サイズを縮小するツールです。そのため圧縮率としては他のWebツールよりも低いのですが、元々画像サイズが大きすぎず、余計なデータを削除して少しでも最適化したいという場合に使用します。私はMacアプリ版を、ブログ記事投稿の際によく使っています。処理速度が遅くて高負荷がかかるため、大量の写真を処理するとたまにMacが唸りをあげることもしばしば。でも、休憩前に設定しておくと休憩後には処理が完了しているので、そのスタンスで利用してます。対応しているファイル形式 ： jpg / png今回は画像圧縮用のWebツール版をご紹介してみました。ただ、私が実際に使用しているのはMacアプリ版の方が多いです。一度にたくさんの処理をしてくれる方がラクなので、アプリ版の方を積極的に利用してます。まず、写真はWeb上で表示させるには縦横サイズが大きすぎるものが多いので、リサイズするアプリから使います。いつも使用しているのがその後に、今回ご紹介したこういったツールはできるかぎり手間をかけずに、というのが私の運用スタイルなのでアプリ版を使用しておりますが、今回Web版を調べてみて結構使えるなと思いました。特に、一番目にご紹介したすべてのツールを使用する必要はないので、実際に使用してながらあなたが使いやすいスタイルを作って、サイト用に最適化した画像を用意してみてください。この記事のURLとタイトルをコピー画像圧縮をきれいに最適化してくれるWebツール5選+1をご紹介Follow !この記事が気に入ったら、この記事を書いた人小林 マサユキフリーランスWebデザイナー。Web制作歴10年。個人事業者向けにWordPressを活用したWebサイトを制作。サイト運用に関するノウハウなどもご提供してます。 制作料金 ¦å³ã®ä½™ç™½ã‚’解除して画像をデバイス幅まで拡大させたのち、改めてpタグやタイトルタグなどにpaddingを設定していくとよいでしょう。ここで画像にもpタグを設定してしまうと同じように余白ができるため、画像には