MENU
Code+ WEB制作体験

350名以上が受講したWEB制作講義を
今ならお得に受講いただけます!
完全初心者から3か月でWEB制作を副業にできます!
ホームページ制作で集客を支援
LP制作 【11月も無料相談受付中】
\ホームページ運用を徹底サポート/
✈ 制作費0円
✈ 公開後も安心
✈ 毎月のWEB戦略会議
✈ SEO対策・スマホ対応込み
WEB集客・認知度向上でお悩みの方はお気軽にご連絡ください。
Profile

Code+を運営しているたいちです。
好きな場所で、ストレスフリーに働く
日本語教師×Web制作エンジニア。
【経歴】
関西外国語大学 → アメリカ ユタ州立大学 → 京都大学 大学院 認知科学専攻 → 大手学習塾で夏の集客実績1位(全240教室中)→ 台湾在住6年目


WordPressブログ

このブログは高速かつサポートも丁寧なエックスサーバーを利用しています。
▼自力でブログを立ち上げたい方
WordPressブログを始める
▼僕に依頼したい方
「ブログ見ました」で5,000円OFF!

【画像の圧縮方法】画像最適化を行ってUXを高める

画像最適化が行われていないWEBサイトは思うような効果を発揮しません。

なぜならUX(ユーザーエクスペリエンス)が低く、サイトを訪れた人に使いにくいと感じられてしまうからです。

このようなつまらない理由でページから離脱されてしまうのは勿体ないので、サイトを公開する際には必ず画像最適化を行うようにしましょう。

【筆者プロフィール】
・関西外国語大学で英語を学ぶ
・アメリカ ユタ州立大学へ留学
・京都大学 大学院で認知言語学の研究
・某大手学習塾で英語教師兼教室長を務める
・台湾の日本語学校で日本語教師兼広報課課長
・現在はWEB制作エンジニアとして活動中

すでに300名以上が受講しており、高評価も多くいただいています!

目次

画像最適化のメリット

画像最適化とは、画像ファイルを圧縮することです。

画像最適化を行わずにアップロードするとWebページに負荷がかかってしまい、表示速度が遅くなります。

読み込み時間離脱率
1秒~3秒32%
1秒~5秒90%
ページの読み込み時間と離脱率



“5秒くらい待てよ”と思うかも知れませんが、データによると私たちは待てないようです。

どれだけ素敵なサイトを作っても表示速度が遅いだけでこんなにも離脱されてしまうんです。

表示速度が速いと、使いやすい(UXが高い)サイトと言えます。

容量の最小化

画像最適化を行うと容量を小さくすることもできます。

WEBサイトを公開するにはレンタルサーバーとの契約が必要ですが、画像ファイルを圧縮しておくとサーバーの容量を削減することができます。

レンタルサーバーの契約プランによって使用できる容量も決まっているので、容量は軽いに越したことがありません。

おすすめのレンタルサーバー
・エックスサーバー
・ロリポップ
・mixhost

このブログは高速かつサポートも丁寧なエックスサーバーを利用しています。

画像最適化ツール紹介

ここまでで画像最適化が重要だということは分かったと思います。

では実際にどうやればいいのか、いくつか便利なツールがあるので紹介していきます。

どれが使いやすいかはご自身で判断してください。

画像最適化ツール↓↓

おまけ

圧縮率が十分でない場合は、別のツールを使うと更に圧縮してくれる場合があります。

たとえば、TinyPNGで圧縮した後にSquooshで同じ画像をもう一度圧縮すると圧縮率が上がります。

すでに300名以上が受講しており、高評価も多くいただいています!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次