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

便利なIoT化

進むIoT化 学校や企業でIoT化が進んでいます。小学校だと2020年に全学校の無線ネットワークの普及も計画されています。 最近は家電のIoT化も進んでいて、家電をネットワーク接続し携帯電話や専用端末で操作ができるものも販売されています ...

IT人材不足が深刻に

IT人材不足が深刻に りそな総合研究所の発表によると、AIやIoTなどの「第4次産業革命」の技術を活用できる人材が、関西では不足状態に陥るとの試算をまとめました。 平成32年には必要な人材の4割程度しか確保できない見通と ...

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

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

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

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

文字入力を劇的にスピードUP!タッチタイピングを習得しよう!

パソコンを使うなら是非とも身に付けたいタッチタイピング パソコンを使用するにはマウスとキーボードの操作は切っても切れないものです。 特にプログラミングを行う際にはキーボードでの文字入力が速ければ速いほど効率も上がります。 キー ...

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

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

tablet

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

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

オンライン画像編集サービス「Pixlr」が凄い!

ウェブ制作において欠かす事のできない写真や画像。 自分で撮影した写真やフリー素材を使う事が多いと思いますがその画像をちょっと加工して自サイトらしさを出したいという事はよくあります。 画像の縦横比やサイズを変えたり、コントラス ...

KURATAS

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

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

ビジュアルプログラミング言語

2020年のプログラミング必修化 2020年に小学生のプログラミング必修化に向けて様々な学習ツールが発表されています。 中でも使いやすく、拡張性の高いビジュアルプログラミング言語は特に注目を浴びているのではないでしょうか? 今回は ...

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