画質を落とさずに画像のサイズを落とすには？
サイトを表示する際、表示スピードが遅いと離脱
につながります。GoogleのPageSpeed Insightsは
URLを入力すると、ページ表示スピードの最適化
についての対応状況とその対策についての提案を
見ることができます。
その中の一つに、「画像を最適化する」という
項目があります。一番簡単に対策できますので、
この対応についてご紹介します。
PageSpeed Insightsのリンク
https://developers.google.com/speed/pagespeed/insights/
▼適用可能な最適化ー画像を最適化する
画面に、「画像を最適化する」の項目が表示さ
れ、詳細を表示をクリックすると、ずらずらと
画像の一覧と圧縮後の削減でいるサイズが表示
されます。これらの画像を圧縮することで、ペ
ージの表示スピードを速くします。
▼すでにアップロード済みの画像の対策
画面を下のほうにスクロールすると、
「このページ向けに最適化された画像、JavaS
cript、CSS リソースをダウンロードできます
。」のリンクがあります。このリンクより、
最適化された画像をダウンロードできますの
で、この画像をWEBサーバーの画像と入れ替え
ればOKです。
※．元の画像が必用な場合は、バックアップ
を取っておいてください。
▼これからアップロードする画像の対策
今後、画像をアップロードする際は、予め画
像のサイズ圧縮しておくと良いです。
画質を落とさず圧縮ができるサイトを利用す
ると良いでしょう。
jpeg形式、png形式の両方の画像が扱える
TinyPNG
https://tinypng.com/
ファイルをドラッグ＆ドロップで簡単に圧縮
することが可能です。
表示スピードが遅い場合は、一度自社サイト
のページスピードを検証し画像を圧縮してみ
てください。
■今回の授業の先生のプロフィール
──────────────────────
WEB活認定コンサルタント
松永 菜穂子（まつなが なほこ）
▼プロフィール・経歴
福岡県内のIT関連企業にてシステム開発、製品企
画に従事した後、東京都内のITベンチャーにてWe
b、モバイル端末の業務利用、SNSのコンサルティ
ングに携わる。2008年：独立創業 株式会社イン
サイトアイ（代表取締役）
現在、中小企業のIT化と業務改善の支援を中心と
して活動中。ひたすらお客様（現場）の声に耳を
傾け、ひたすらその思いを形にしていく、そんな
ありきたりなスタイルこそが私のスタイルです。
中小企業のIT化と業務改善の支援を中心としたIT
コンサルティング、Webによる集客・ECサイトの
構築・運営等のWeb戦略を支援します。
【主な実績】 Webサイト構築 運用支援／ECサイ
ト構築 運用支援／社員教育／IT戦略 ロードマ
ップ
2012年4月より、東京商工会議所のWeb戦略パート
ナーとして活動中。
無料メルマガ「WEB活用の教科書」購読申し込み
お名前とメールアドレスと入力して[無料メルマガを購読する]をクリックすると、中小企業～個人事業主がWEBを活用してビジネスを展開するために必要なノウハウをお届けする無料メルマガ【WEB活用の教科書】を毎週水曜日にお届けいたします。いつでも配信解除ができますので、お気軽にご購読ください。
