これからの教養を考える フリーランス系アカデミアン としちるのブログ

ブログ・サイトハック

一手間かけて速度改善!―設定不要の『Compressor.io』を使って画像データの縮小をしてみよう

投稿日:2016年6月18日 更新日:

ブログ記事に貼り付ける画像をそのままにしていませんか?

ちょこっと一手間かけることで、画像データのサイズを圧縮!ソフトウェアをダウンロードする必要がない、おすすめの画像縮小サービス『Compressor.io』を紹介します。

前置き―画像圧縮をするメリット

ども!一手間とか言いながらめんどくさがりなとしちる@tute_tiru)です。

そんなめんどくさがりな僕でもブログの記事に画像を投稿する前には、画像圧縮をしてからするようになりました。

面倒でも画像圧縮をするメリットや、その背景を軽くご紹介しましょう!

画像を大きくプリントする場合や、元のデータのままダウンロードしてもらうことを考える場合は粗が出ないようになるべく大きいサイズになりますが、それ以外の場合はまず間違いなく圧縮しておきましょう

圧縮のメリットはこんなところです。

  1. ページ表示速度が速くなる
  2. 容量の節約

特に大きいのがページ表示速度の改善です!

というのも、現在はGoogleの検索においてもページ速度が速いほどそのページに対して評価を高くしてくれ(それだけではもちろんありませんが)、結果的に検索上位にしてもらいやすいと言えます。

また、せっかくクリックしてみてもらってもページの速度が遅いとすぐに離脱されてしまうことも多いようです。

AMP(Accelerated Mobile Pages)というモバイル端末でサイトにアクセスした場合、余計なデザイン等をそぎ落として、より素早く表示するように対応したサイトは検索結果でも優遇されることがGoogleにて明言されています。

つまり、今の流行りは装飾やいろんな動きをつけるのではなく、なるべくユーザーのことを考えて「シンプルに速く」が求められているということですね

圧縮するのに一押しの『Compressor.io』

画像を圧縮するにはソフトウェアをダウンロードしたり、サイズをどうするなどいろんな設定をする必要があるものもあります。

めんどくさいですよね…

そこでおすすめなのが『Compressor.io』というものです。

これはWeb上で圧縮を行ってくれるので、ソフトウェアをダウンロードする必要なし!

さらに、ドラッグ&ドロップするだけで画像を圧縮可能で楽ちん!

こちらのサイトでは、いろいろな圧縮法を紹介してくれています。

ちなみにですが、ブログで使うロゴやイラストはPNGにするといいです。

詳しくはこちらの記事等で説明してくれています。

『Compressor.io』の使い方

『Compressor.io』のサイトはこちら!

compressor.io

トップページ右側でカメレオンが迎えてくれます。

f:id:toshitiru:20160618125941p:plain

カーソルを移動すると左側が元の画像、右が圧縮後の画像として比較してみれるようになります。

もう100枚近く圧縮してきましたが、見た目ではどの画像もほとんど変わりありません!

カメレオンの下にある「TRY IT!」を押すと、下のような画面に移ります。

f:id:toshitiru:20160618130347p:plain

ここで一つ注意なのですが、なぜかドラッグ&ドロップだと新旧の画像比較ができません。

「SELECT FILE」を押し、画像を選択すると比較できるようです。

また、ファイルの最大サイズは10MBです。

一眼で撮った大きめの画像などは圧縮できないですが、フリー画像の大概は圧縮できます。

f:id:toshitiru:20160618131049p:plain

アップロードをして、、

f:id:toshitiru:20160618131120p:plain

完了するとこのような画面になります。

今回の画像では約半分の圧縮ができました。

画像によって結果はまちまちなのですが、削る時はガッーとやってくれて思わずにんまりしてしまうこと間違いなしでしょう!

たぶん(笑)

僕はOne Driveを使用しているので、ないのが残念ですが、「DOWNLOAD YOUR FILE」をクリックして保存しています。

まとめ

こんな感じでこまめに画像を圧縮すると、メリットに挙げたように速度改善をすることができます。

このブログでも冒頭に必ず画像を配置するようにしているので、かなりお世話になっているサービスです。

おすすめの圧縮法なのでぜひぜひ使ってみてください。

では~

ブログ管理人
としちる

ミスチルと青い鳥が好き。大学生活前半は冊子制作に打ち込むも紆余曲折あって研究者を目指すことに。夢はアカデミーを作ること。研究の狭き道でも生きていくこととやりたいことを両立させるために、サイト運営やライティング、Webデザインといったメディア系スキル・ビジネスのイロハも学んでる。つれづれ“ちる”ままに、時に激しく主にダラダラがモットー。

この記事が気に入ったら
いいね!しよう

Twitter で

「教養」をテーマにフリーランス系アカデミアンとして活動するとしちるのLINE@を始めました。ブログやTwitterではなかなか語れないことやLINE@登録者限定の資料も公開していく予定でっす!つれづれちるままに基本不定期更新で、執筆した記事をまとめて配信。確実に購読して、よりよく生きたい方どうぞ登録してやってくださいーッ!

-ブログ・サイトハック

Copyright© TIRU LABO , 2017 All Rights Reserved.