忍者ブログ

とちにすいはら式+

痒いところに手が届かない雑記ブログ。お金とDTMの話が多め

近未来的音楽素材屋3104式
↑音楽素材はこっち↑

とちにすいはら式+

オンライン上のJPG画像圧縮ツール「Media4x」が便利!


1.はじめに


PageSpeed Insightsなどを利用して、ウェブサイトの読み込み高速化を試していると、「画像のサイズを小さくしましょう」とアドバイスされることがあります。
加えて、無料のレンタルサーバーや、この忍者ブログのような無料のツールはサーバー容量が小さめなので、あまり大きな画像をぼんぼん上げることができません。

そんな時に、オンライン上の画像圧縮ツール「Media4x」が便利なのです。

2.Media4xってどんなサービス?


JPEGやPNG、PDFを圧縮するオンライン上のサービスです。
変わったところでは、CSSファイルも圧縮してくれるみたいですね。

ドラッグ&ドロップで画像を放り込むと、なんらかの設定なしに画像を最適なサイズに圧縮してくれます。
複数枚を一気に放り込んでもOK。
処理後に「DOWNLOAD ZIP」ってボタンをクリックすると、最適化した画像を格納したZIPファイルが落ちてきます。

冒頭の図では、実際試したときの圧縮率も載っています。
「-79%」という圧縮率が出ていますが、撮ったままの画像を放り込むと、だいたい元の画像サイズの半分ぐらいになります。

3.実際比較してみた


というわけで、上記の-79%を記録した画像と、その元画像を掲載します。
まずは、元画像です。


あまり被写体として面白みのない画像ですみませんw
昨日、山形新幹線の車窓から撮ったものです。

Memo Padで撮ったものを、Zoner Photo Studioで画像をブログサイズに切り詰めています。
ディスク上のサイズは80kbです。

以下は、Media4xを通した画像です。


ぱっと見、違いはよくわからないと思いますが、画像サイズは20kbまで圧縮されています。
私は、その手のプロの人ではないので、この画像でも十分満足です。

4.画像サイズを小さくしてやると何かいいことあるの?


上述の通り、サーバー容量制限とかを気にする時や、読み込み高速化に効果がでます。
携帯キャリアの回線は有線より速度が出ないので、モバイルユーザーに優しいです。

特に「××日で××kb超えると通信速度制限するよ」って端末を使っているユーザーに優しいです。

そう、私のGL10Pのように
これ、うかつに制限越えるとホント速度でないからね。
3日間ほとんどネットつながらない感じになって泣きたくなる笑

5.おわり


というわけで、私の管理するサイトでは早速施策中です。
わずか数10kbの違いですが、基本早いに越したことは無いです。


なお、PageSpeed Insightsで速度測ると、表示速度の足をひっぱるのって大抵外部サービスが原因だったり。
ボトルネックになってる部分をどうにも出来ないのがネックなことも。

関連記事


24時間の無料捨てアドサービス「sute.jp」が便利!
色覚障害でウェブサイトはどのように見えるのか
XMLファイル形式のサイトマップを作るウェブサービス
イーモバイルのGL10Pを使ってみた

擬似タグ : /オンラインサービス | /画像圧縮 | /個人的メモ

 

拍手[0回]

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント

トラックバック

スポンサーリンク

PR

ブログ内検索

記事書いてる人

運営者:
さいれほ@planet_f108
3104式の中の人。
音楽以外にはお金の話が好き。資産運用もやってるよ。


ついったー

お問い合わせフォーム

筆者の知識や経験であなたの力になれますか?

必要事項をご記入の上、送信ボタンをクリックすると、運営者宛にメールが送信されます。

ブログ内リンク

レビュー・改造系記事まとめリンク レビュー・改造系記事まとめリンク
PC・トイカメラなどのレビュー記事リストです。

DTM機材レビュー記事まとめリンク DTM機材レビュー記事まとめリンク
DTM機材に関するレビュー記事リストです。

クラブ関連記事まとめリンク集 クラブ関連記事まとめリンク集
音楽を流すクラブにいってきた話まとめ。

トラブル・お悩み解決系記事まとめリンク トラブル・お悩み解決系記事まとめリンク
ソフトのインストールなどで躓いた記事リストです。

サイト作り系まとめリンク サイト作り系まとめリンク
サイトのアクセス増、ユーザビリティに関する記事リストです。

忍者ブログカスタマイズまとめリンク 忍者ブログ運用術から収益化まで
忍者ブログ運用術から収益化までをまとめた記事リストです。

雅楽の舞改めポーチュラカリア成長記事まとめリンク 雅楽の舞改めポーチュラカリア成長記事まとめリンク
2011年から育てている雅楽の舞に関する記事リストです。

とちにすいはら式+アクセスアップ経過記録まとめリンク とちにすいはら式+アクセスアップ経過記録まとめリンク
本ブログのアクセス推移を記録した記事リストです。

お金持ち本まとめリンク お金持ち本まとめリンク
筆者が読んだお金持ち本あれこれまとめリンク。

無職関連の記事まとめリンク 無職関連の記事まとめリンク
無職関連の記事リストです。

スマホでUSENの記事まとめリンク スマホでUSENの記事まとめリンク
スマホで使える有線放送まとめ。データ量も測ってみました。

最新コメント

[11/14 管理人]
[11/11 鈴木隆夫]
[01/20 かんりにん]
[01/20 シモハチ]
[04/03 かんりにん]

フリーエリア

QRコード

とちにすいはら式+

サイトご利用上の注意

ブログ記事の著作権はとちにすいはら式+にあります。 引用される際には、必ず引用元として弊ブログのURLも記載していただくようお願いいたします。 記事の一部もしくは全ての無断転載はご遠慮ください。

記事を参考にされる際には、自己責任にてお願いいたします。