静岡・浜松のWebマーケティング|株式会社シーエムエー

お問い合わせ

CMA BLOG

株式会社シーエムエー ホーム > CMA BLOG > ホームページ制作 > GoogleのSpeed Update対策は、画像と動画ファイル圧縮が効果的!!

ホームページ制作 SEO対策 GoogleのSpeed Update対策は、画像と動画ファイル圧縮が効果的!!

  • このエントリーをはてなブックマークに追加

こんにちは。クリエイティブプランナーの深谷です。
GoogleがSpeed Updateを正式導入」の記事はご覧いただけたでしょうか?

今回はSpeed Update対策として、
画像と動画ファイルを劣化させずに軽量化する方法をご紹介いたします。

もくじ
画像の圧縮方法
・TinyJPG
・JPEGmini
・Optimizilla
動画ファイルの圧縮方法
・HandBrake
まとめ

画像の圧縮方法

画像の圧縮方法について、3つのサイトをご紹介いたいます。

TinyJPG

https://tinypng.com/

PNG・JPEG画像ファイルを圧縮できる「Tiny PNG」です。
ブラウザ上で圧縮したい画像をドラッグ&ドロップするだけで、高画質なまま「60%~80%」くらいの軽量化が可能です。

・最大20枚
・最大5MBまで

Optimizilla

https://imagecompressor.com/ja/

PNG・JPEG画像ファイルを圧縮できる「Optimizilla」です。
読み込みファイルの容量制限がなく、圧縮のクオリティ設定も細かく調整することができます。

・最大20枚

JPEGmini

https://www.jpegmini.com/

JPEG画像ファイルを圧縮できる「JPEGmini」です。
JPEGminiの特長は、圧縮前と圧縮後の画像を比較でき、高画質なまま80%近く減らすことも可能です。

・インストールタイプもあります(有料)

動画ファイルの圧縮方法

HandBrake

https://handbrake.fr/

mp4・avi・movなど動画ファイルを圧縮できる「HandBrake」です。
数GBの重いファイルも、高品質のまま数MBまで圧縮することが可能です。

summaryタブ

Format:「MP4」を選択します。
「Web optimized」にチェックを入れます。(Web用の最適化処理を行ってくれる設定)

videoタブ

Video Encoder:「H.264(x264)」を選択します。(映像コーデックの設定)

Framerate(FPS):「Same as source」を選択します。(フレームレートの設定で、読み込んだ動画のfpsを保持します)
Variable FramerateVFRにチェックを入れます。

Average Bitrate (kbps):ラジオボタンにチェックを入れます。
数値を1200から600あたりをおすすめします。

2-pass encodingにチェックを入れます。(書き出しに時間がかかりますが、高画質になります)
Turbo first Passのチェックを外します。

最後に『Start』ボタンを押し書き出しを開始です!

まとめ

画像や動画ファイルを軽量化することによって、

・Google Speed Update対策
・ページの表示高速化
・ユーザビリティの向上
・SEOにも有利

などメリットがございます。

PageSpeed Insightsで「画像を最適化する」の指摘がないか、
ぜひ一度、検証してみては如何でしょうか?

  • このエントリーをはてなブックマークに追加

人気の記事ランキング

  • posted on 2019/02/042019年1月Google for Jobsが日本上陸!Googleしごと検索で上位表示させる構造化マークアップの実装方法とは?

  • posted on 2023/02/082023年度版 Google PageSpeed Insights(ページスピードインサイト)を使って読み込み速度を改善したら、何点になるのかチャレンジしてみた

  • posted on 2021/02/10インスタグラムが突然表示されなくなった!最新のInstagram Graph API(v9.0)を使って再表示する方法とは

  • posted on 2021/07/08初心者の私にもできた。自作パソコンの組み立てに挑戦してみた!

  • posted on 2018/04/11構造化マークアップはSEO対策に効果があるのかやってみた

Top