1. トップ
  2. コラム一覧
  3. 画像圧縮に便利なサイト比較

画像圧縮に便利なサイト比較

投稿日 : 2017.02.07  |  カテゴリー : IT雑記

電話回線でネットサーフィンしていた時を思い出しました。
ネット上にある画像を全部表示するのに1分もかかっていたこと、
電話が来る度にネット回線が切断されていたこと。
今思い返すとなかなかに不便なネット環境だったことをしみじみと思い出します。

光回線が一般的となり、大容量の通信もなんなくこなせるようになってきました。
今では下り50Mbpsなんてのも当たり前で、巨大なファイルもほぼストレスなく
ネット上でやり取出来る事に、今更ながら感動しています。

大容量通信が当たり前になると同時にウェブサイトに配置されている画像1つ1つの大きさなど
気にしなくなる傾向にあるとは思いますがサイトを早くロードする為にもやはり全体容量は少ないに越したことはありません。

今回はウェブ制作時によくお世話になる画像容量を圧縮できるウェブサイトを集めてみました。

比較したのは下の画像。
SCRATCHコース授業中、弊社の江場講師です。

jpg形式とpng形式の2枚を最高画質で保存しました。
jpg → 元画像 376kb
png → 元画像 725kb
どちらも 横900px / 縦565px です。

それでは各サイトで圧縮率を比較してみましょう。


tinypng

tynypng

376kb → 138kb 63% saved

jpg

725kb → 208kb 71% saved

png

Compress JPEG Images Online

Compress JPEG Images Online

376kb → 105kb 62% saved

jpg

JPEGmini

JPEGmini

376kb → 153kb 60% saved

jpg

Kraken.io

Kraken.io

376kb → 140kb 63% saved

jpg

496kb 32%

png

GifgOfSpeed JPEG Compressor & Resizer

GifgOfSpeed JPEG Compressor & Resizer

376kb → 101kb 73% saved

jpg

IMGonline

IMGonline

376kb → 89kb 76% saved

jpg

725kb → 89kb 88% saved

png

Compress.PHOTOS

Compress.PHOTOS

376kb → 76kb 80% saved

jpg

725kb → 77kb 89% saved

png


多くのサイトでおよそ60〜80%もの圧縮ができています。
元画像の画質やサイズなどで圧縮率は変わるでしょうが、少しでも容量を減らすことができれば御の字ですね。

ウェブサイトの表示を速くする為にはこのような小さなことの積み重ねが大事になってきます。
面倒くさがらずにコツコツと対応を進めていきましょう!

この記事を共有する
  • facebookでシェアする
  • ツイッターでつぶやく
  • LINEで送る
関連記事

画像の一部だけが動く?!不思議な写真シネマグラフ

先週消えつつある技術としてFLASHの記事を書きました。 ウェブ上でアニメーションコンテンツを見せる為の代表的な技術でしたが、残念ながら時代の流れと共に利用者が少なくなりつつあります。 しかしアニメーションなど動きのあるリッ ...

誰でも聞いたことあるIT用語解説【Cookie】

はじめに 誰でもスマホやパソコンを使い続けていれば見たことあるIT用語は数多く存在するのではないでしょうか? Cookie・セッション・404エラー・クラウドコンピューティングetc・・・ でもいまいち意味がわからない言葉もあったり・ ...

AIによって増える仕事・残る仕事

最近AI・人工知能によって無くなってしまう仕事の話をよく耳にします。 なので今回は、AI・人工知能によって増える仕事、残る仕事の話をしたいと思います。 増える仕事 ・ロボット・アドバイザー ・単純化するエキスパート ・輸送アナリス ...

有意義なネットサーフィン

ネットサーフィンとは? 興味の赴くままに色々なサイトを飛び回り情報を得る事です。 興味がある事や課題の資料集めには欠かせないことです。 ネットサーフィンの悩み しかし、皆さんの中には検索ワードを打ち込んでも思った通りに求めている ...

Webマーケティングのプロが解説するネット広告1

見ないという日はないというくらいに、身近になっているインターネット。 調べものをしたり、SNSを使ったり、ゲームをしたりと、その活用方法は様々かと思います。 しかしながら、ネット上に表示される広告に注目される方は多くはないは ...

プログラミングには正解がない、探究心こそ全て?

プログラミングには正解がない 同じ結果が返ってくるプログラムだとしても、出来上がったソースコードはプログラマーにより差が出ます。 変数名のつけ方ひとつでも、プログラマーによって大きく異なるものです。 つまり、プログラミングは正 ...

医療のICT化

ICT化の背景  超高齢社会に突入した日本においては、社会保障費の増大や生産年齢人口の減少等、様々な課題に直面しています。 そんな中、政府の健康・医療戦略(平成26年7月22日閣議決定)において「世界最先端の医療の実現のため ...

大画面ディスプレイで作業するメリット

8月に入社させていただいてから今までずっとノートパソコンで作業をしていました。 しかし、なんと先日ノートパソコンの画面を写すディスプレイをいただきました! とても快適になったので今回は大画面ディスプレイで作業するメリットについて書きます ...

ウェブサイトを認知してもらう為に

広大なネット世界、表面に出ているウェブサイトだけでも無数のサイトが存在しています。 昔から存在しているサイト、新しく出来たサイト、管理者すらも放置してしまって誰にも知られずただ存在しているだけのサイト。 もはやどこに何があるか全 ...

謎?のボタン[CapsLock]キーの使い道

文字入力中に急に出てくる大文字 キーボードで文字入力をしていてよく聞くトラブルに 「いきなり大文字しか打てなくなった!壊れた!」 というハプニングがあります。 もちろん壊れた訳ではないのですが、 ・何がどうなってそんな事に ...

Knocknote Education(ノックノートエドゥケーション)