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で送る
関連記事

ウェブサイトの仕組みを知る! html編 其の2

[ウェブサイトの仕組みを知る!] html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1 css編 其の1 : ウェブサイトの仕組みを知る! css編 其の1 htmlとは、以前述べたとおり、we ...

exponential

シンギュラリティ(技術的特異点)とレイ・カーツワイル氏

シンギュラリティ、それは2045年と予測されている、人工知能が人間の能力を超える技術的特異点のことです。 人間がAIやナノテクノロジーなどとの融合により人間の成長曲線が無限大になる点、特異点に到達することです。パラダイムシフトとも言い ...

日本はIT後進国なのか

IT後進国か否か 日本はIT機器の普及なども充実しているようにみえ、経済的にも先進国として認識されている。 また戦後から産業か発展し日本製が多く出回るようになったが、現在はどうか? 現在、パソコンは日本製よりも海外製の ...

tablet

渋谷区 区内の小中学校全生徒・教職員にタブレット 2017年9月より導入

渋谷区 区内の小中学校全生徒、教職員にタブレット 渋谷区は授業や家庭での学習を目的に、17年度予算案に7億8200万円計上し、研修等を経て2017年9月より、渋谷区小中学校の児童生徒約8000人並びに教職員約600人にタブレット端 ...

2017年のブラウザシェアランキング

ブラウザは何を使っていますか? あまりブラウザに拘りが無い方はOSにプリインストールされているブラウザを使っている方が多いかもしれませんね。 Windowsであれば Internet Explorer(IE)、もしくはMicroso ...

Adobe FLASHが通った道

ウェブ技術の内情は日々変わり続けています。 去年流行していたデザイン手法が今ではもうすでに古臭い手法となっていたり、トレンドと廃りのサイクルの速さはファッション業界に匹敵もしくは凌駕する勢いであると感じます。 過去に、流行り ...

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

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

医療のICT化

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

KURATAS

子供の頃に夢見たロボット

未来のロボット 未来のロボットといえば、手塚治虫氏の鉄腕アトム、機動戦士ガンダム、トランスフォーマー、ドラえもんなど様々なロボットが思い浮かべることができると思います。 現代で活躍するロボットといえば、コミュニケーションロボットのPep ...

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

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

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