バズ部

  • icon株式会社ルーシー
  • 東京都港区新橋5-10-5 PMO新橋II 8階
  • 記事を探す
    • まず見て頂きたいページ
      • バズ部式マーケティングの進め方
      • コンテンツマーケティング101
      • SEO初心者向けマニュアル
      • バズ部メンバーの知見集
      • WordPress初心者向けガイド
    • 記事
      • 全ての記事を見る
      • SEO
        • SEOの基礎
        • SEO内部対策
        • コンテンツSEO
        • サーチコンソール
        • 高度なSEO
      • コンテンツマーケティング
        • 1.コンテンツマーケティングとは?
        • 2.コンテンツマーケティングをやるべきなのか
        • 3.あなたのブランドストーリーは何か?
        • 4.コンテンツマーケティング設計が全てだ
        • 5.必ず必要な社内体制と体制づくり
        • 6.まずは、小さな一歩を大切にしよう
        • 7.コンテンツ制作のコツを知ろう
        • 8.多くの人が陥る失敗を知っておこう
        • 9.顧客が「まだ気づいていないこと」に気づけるか
        • 10.素早く着実にコンバージョンにつなげよう
        • 11.正しく効果測定して成果を引き上げよう
        • 12.精度を上げてもっともっと成果を飛躍させよう
      • オウンドメディア
      • WordPress
        • wordpressウィジェット
        • wordpressテーマ
        • wordpressプラグイン
        • wordpressの基本操作
        • wordpressの導入と準備
        • wordpressの設定方法
        • ブログマーケティング
      • ソーシャルメディア
        • Facebook
      • ランディングページ
        • キャッチコピー
        • コピーライティング
      • メルマガ
      • EC
      • インタビュー
      • アーカイブ
    • 監修者/ライター一覧
      • 松澤 大輔
      • 木村 竜児
      • 野口 陽司
  • サービス一覧
    • サービスページ
      • コンテンツマーケティング立ち上げ&運用支援
      • SEO記事制作代行
      • キーワード設計代行
      • WEBサイト制作
      • 研修サービス
      • bazubu-shiki
      • ライティングツール「Pencii」
    • 資料請求
      • コンテンツマーケティング立ち上げ&運用支援サービス資料
      • SEO記事制作代行サービス資料
      • キーワード設計代行サービス資料
      • バズ部紹介資料
  • 支援実績
  • お役立ち資料
    • お役立ち資料一覧
      • 広告費を1/10にして売上を倍増させる全手法
      • バズ部が運営する月間20万PV超サイト11の生データ集
      • 良質なコンテンツを作成するための20のコツ
      • 最高のオウンドメディア支援会社を選ぶために行うべき7つの質問
      • バズ部紹介資料
      • バズ部公式メールマガジン
  • セミナー
  • 運営者情報

ご相談・お問い合わせ

© Copyright 2022 バズ部. All rights reserved.

ユーザーに届ける価値を徹底的に追求する
マーケティングを提供します

© Copyright 2022 バズ部. All rights reserved.

icon icon

icon
  • icon
  • icon
  • icon

05/22木8:00〜9:00

【5/22開催】バズ部の記事制作代行 商品説明会

  • オンライン
    1. バズ部 /
    2. WordPress /
    3. wordpress プラグイン /
    4. EWWW Image Optimizer の設定方法と使い方
  • 最終更新日 2020.08.07

EWWW Image Optimizer の設定方法と使い方

WordPressで多くのコンテンツを投稿するようになると、自然と扱う画像の枚数も増えて行くことだろう。画像ファイルはサイトの表示速度を低下させるという問題がある。サイトの表示速度が遅いと、ユーザビリティが下がり、離脱率が大きくなってしまう。

だからと言って、コンテンツの画像の数を減らすのはナンセンスだ。

そこで利用するのが、画像のサイズを圧縮してくれる「EWWW Image Optimizer」というプラグインだ。

今回は、EWWW Image Optimizerの設定方法と使い方を紹介していく。

注1:プラグインを初めてインストールする場合
インストール方法は、『WordPress プラグインのインストールと停止・削除・更新の方法』を参考にしよう。
注2:バックアップを取るかローカル環境でテストしよう
新しいプラグインをインストールすると、ごく稀に、不具合が発生する可能性がある。そんな時に、すぐに復元できるようにプラグインを操作する時は、「WordPress のバックアップ」を取っておくか、「ローカル環境でテスト」するようにしよう。

また、私たちバズ部は12年で400社以上のメディア支援を行い、

  • 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア
  • 8ヶ月で月間140万PVを実現したアプリメディア

など大きな成果を挙げ続けている。

各サイトの成功要因をインタビューしているので、
あなたのサイトに役立てて欲しい
⇒25サイトの成功事例インタビューはこちら

ebook
ebook

目次

  • 1.EWWW Image Optimizer とは
  • 2. EWWW Image Optimizerのインストール方法
  • 3. EWWW Image Optimizer の設定方法
    • 3-1. Basic(基本設定)
  • 4. EWWW Image Optimizer の基本的な使い方
    • 4-1. 新規画像の圧縮
    • 4-2. 既存の画像を一括で圧縮
  • 5. 画像をより圧縮する方法
  • おわりに

1.EWWW Image Optimizer とは

EWWW Image Optimizer

EWWW Image Optimizerとは、画像を劣化させることなく、アップ時に自動で画像サイズを圧縮してくれるプラグインのことだ。
サイトがなかなか表示されなかったり、サイトが重いと感じたらこのプラグインを使って画像のファイルサイズを小さくすることでサイトの表示速度を上げることができる。

サイトの表示速度が速くなることでユーザーの離脱率も低くなるだろう。

また、EWWW Image Optimizerは新しい画像をアップロードするときに自動でサイズを圧縮してくれるだけでなく、すでにアップしている画像も一括で圧縮することができるので非常に便利だ。

それでは、まずはインストールの方法からみていこう。

成功したオウンドメディアの要因を学ぶ

  • Article Image 1Article Image 1

    累計106億円の売上を叩き出した不動産会社のコンテンツマーケティング事例

    1

  • Article Image 2Article Image 2

    わずか8ヶ月で月間140万PVを実現したアプリ企業メディア成功事例

    2

  • Article Image 3Article Image 3

    問い合わせが月4,400件以上!自社メディアで驚異的なCV数を生み出した弁護士事務所

    3


2. EWWW Image Optimizerのインストール方法

WordPressの管理画面にいき、「プラグイン→新規追加」をクリックしよう。
右上の検索窓に「EWWW Image Optimizer」と入力し、「今すぐインストール→有効化」の順にクリックしよう。

管理画面

プラグインの追加の際に「EWWW Image Optimizer」と「EWWW Image Optimizer cloud」があるが、「EWWW Image Optimizer 」を利用しよう。
なぜなら、設定画面に日本語表記があるので使いやすいからだ。

ちなみに、この2つを同時に使うことはできない為、2つ有効化してある場合はどちらかを無効化にしよう。
2つ有効化していると以下のようなテキストが表示される。

表示

有効化をおこなったら、早速設定方法に入っていこう。


3. EWWW Image Optimizer の設定方法

それでは、「EWWW Image Optimizer」の設定方法に入っていく。管理画面の左メニューの「設定」の中に「 EWWW Image Optimizer 」という項目が追加されている。これをクリックすると詳細設定の画面にアクセスできる。

管理画面

設定する項目は、以下の2つだ。

Basic(基本設定)
Convert
(変換設定)

他の項目は、デフォルトのままで大丈夫だ。1つずつ設定を行なっていこう。

3-1. Basic(基本設定)

ここでは「Remove Metadata」という項目にチェックが入っているかを確認しておこう。

ここにチェックを入れることで、画像のメタデータを削除してくれる。その結果、可能な限り画像のファイルサイズを小さくすることができる。
画像のメタデータとは、撮影場所やカメラ情報などを含む情報が記載されているデータのことだ。

管理画面


4. EWWW Image Optimizer の基本的な使い方

使い方で抑えておくべき操作は次の2つだけだ。

  • 新規画像の圧縮
  • 既存の画像を一括で圧縮

4-1. 新規画像の圧縮

EWWW Image Optimizer は、インストールするだけで画像を新規投稿したら自動で圧縮してくれる。

どれほど圧縮されたのかは、左メニューの「メディア → ライブラリ」の画像一覧画面で確認することができる。

管理画面

図の赤枠を見てもらうと、画像が圧縮されているのが分かるだろう。この例では、(9.6KB)圧縮することができている。

4-2. 既存の画像を一括で圧縮

EWWW Image Optimizer は、過去にアップした画像をまとめて圧縮することができる。

左メニューより「メディア → 一括最適化」をクリックしよう。

管理画面

一括最適化の画面に移るので、「最適化されていない画像をスキャンする」を選択しよう。

管理画面

表示が切り替わるので、「最適化を開始」をクリック。
すると、一括で最適化にすることができる。

管理画面

以上で完了だ。


5. 画像をより圧縮する方法

ここでは、「EWWW Image Optimizer」よりも画像を圧縮する方法を紹介する。

その方法は、WordPressに画像をアップする前にオンライン画像圧縮サイトを使用することだ。
ここでは、オンライン画像圧縮サイト「tinypng」を使用する。

同じ画像でどれくらい圧縮に差があるのか「EWWW Image Optimizer」と「tinypng」を比べてみた。

「EWWW Image Optimizer」が圧縮後236.6KBに対して「tinypng」は69KBという結果になった。

以下が検証の際の画像だ。

「EWWW Image Optimizer」

画像サイズ

「tinypng」

tinypng

簡単に圧縮したいなら、「EWWW Image Optimizer」
画像のファイルサイズをより圧縮したいなら「tinypng」を利用しよう。


おわりに

画像の圧縮はサイトの表示速度の向上につながる。

サイトの表示速度を上げる様々な手法があるが、その中でも、最も簡単にできて、かつ効果の高い方法が画像ファイルサイズの圧縮だ。

サイトの表示速度が上がると、ユーザビリティの向上につながり、ユーザーに対しても、SEOに対しても好影響を与える。

高速化に関してのその他の方法については「WordPress高速化|1秒前半で表示する誰でもできる簡単な方法」で解説しているので、こちらにも目を通してみて欲しい。

カテゴリー wordpress プラグイン

記事をシェアする

  • B!

無料eBook:バズ部式マーケティング
広告費を1/10にして売上を倍増させる全手法

広告に頼り切ったマーケティングの打開策としてコンテンツマーケティングについて調べているけれど、よく分からないと悩んでいませんか?

本書は弊社やクライアント様がコンテンツマーケティングに取り組み

  • ・SEOのみで月間100万PV集めた方法
  • ・平均6.92%のコンバージョン率が出た新規顧客獲得法
  • ・CPLやCPAを大幅に改善した方法とそのからくり

など、コンテンツマーケティングの効果と、具体的な施策内容を全94ページに渡って詳細に解説しているものです。

ぜひ、貴社のWEBマーケティングにもご活用ください。

eBookをダウンロード

未読

参考にしていただきたい事例

liskulのtopページ

リスティング広告

1年でプッシュ型営業からプル型へ!毎月約200件の問い合わせを獲得するデジタルマーケティングブログ

  • SOLDOUT
  • ソウルドアウト株式会社様

学校 コンテンツマーケティング

学校・教育

1年半で億単位の貢献を果たすまでに成長した学校法人のコンテンツマーケティング事例

  • 神田外語学院
  • 神田外語学院 様
アバター
  • 著者 : バズ部編集部

ユーザーに届ける価値を徹底的に追及するのがバズ部式マーケティング。
バズ部では、ユーザー主義を貫きながら、なおかつ数字にこだわり結果を出してきた手法やノウハウを惜しみなく提供していきます。

  • 会社概要
  • 採用情報
  • セミナー
  • サービス紹介
  • 記事一覧

icon

株式会社ルーシー東京都港区新橋5-10-5 PMO新橋II 8階

ABOUT US

  • 運営者情報
  • セミナー
  • 採用情報
  • お問い合わせ
  • プライバシーポリシー
  • 特定商取引法に基づく表記
  • 紹介メディア

© Copyright 2025 バズ部. All rights reserved.