検索CLOSEMENU前田塁のプロフィールトラベルハックWebメディアリモートワーク100のリストフリー素材コンタクト明けましておめでとうございます画像の容量を抑えつつ、画質を落とさない方法は?【WordPressで対策】2019/10/072020/01/10プログラミング・Wordpressプログラミング・WordpressHOMEプログラミング・Wordpress画像の容量を抑えつつ、画質を落とさない方法は?【WordPressで対策】Webメディアやブログで画像は綺麗に表示したい、でも読み込みに時間がかかるのは困る、という悩みを解決します。WordPressでツールとプラグインを使って、画像の容量を抑えつつ、画質を落とさない方法を見つけました。画像のサイズ:横幅はブログ幅の倍サイズ(Retina対応)画質:荒さを感じさせないという状態を実現できることを、記事のゴールにします。画像の容量を100KB以下にするのか画像の容量を小さくすることで、記事の読み込みスピードを速くして、ユーザー体験とSEOを改善することが目的です。画像の容量が大きくなれば画質も良くなりますが、サイトスピードが遅くなると読者が離れてしまうので、逆効果になります。容量と画質のバランスをうまく取るのが、コツです。サイトスピードをまず速くするためには、余計なプラグインを削除することからです。Imagifyで画像を圧縮して、100KB以下にするという手順です。圧縮で使用するアプリとプラグインTh-MarkerXTh-MarkerXはMacでの画像リサイズアプリです。Windowsだと縮小専用が人気ですね。複数の画像を設定した横幅や縦幅に合わせてまとめてリサイズできます。Th-MarkerXでリサイズ後、画像をWordPressにアップロードします。ImagifyWordPressの圧縮プラグイン「Imagify」でアップロードした画像を圧縮します。「Imagify」をインストールすると、WordPressの管理画面に専用ぺージが追加されるので、そこから各種設定をします。実際の設定を共有します。images(EXIFデータの保持)→オフ最適化レベルはNormal、Aggresive、Ultraの3つの設定がありますが、Normalが最も弱く、Ultraが最も強い最適化(画像サイズの減量)を実行します。元画像の画質にもよりますが、Ultraを選ぶと横幅1200px前後の画像なら、100KB前後に着地します。imagesなどが有名です。画像の圧縮率ではImagifyがベストでした。各プラグインの圧縮率を実際に調査した結果はこちらです。まとめ本記事では「WordPressで画像の容量を抑えつつ、画質を落とさない方法」について解説しました。頑張って結果を出したい」にまとめました。関連記事WordPressでサイトを立ち上げる手順【結果を出したい人向き】WordPressを使って、結果を出したい人向けの記事です。筆者の経験僕のWordPress歴は6年になりました。旅するエンジニアを目指すならTABIPPOで働くべき3つの理由3つだけ!WordPressテーマのおすすめ【実際に使用したテーマのみ】プログラミング・Wordpressの最新記事8件2020/01/30旅人エンジニア留学が満席!増席しました!2020/01/14WordPressの執筆を加速する3つのプラグイン2019/11/24WordPressのページスピード高速化をPHPとサーバー・テーマで達成しました2019/10/18このサイトにアクセスできません(ERR_NAME_NOT_RESOLVED)のエラーは「ドメイン情報認証」が原因かも2019/10/12フィリピンでのエンジニア留学から2年。行ってみて最高に正解だった。2019/10/10プログラミングの副業。Chaos.ホームシェアメニューTOPへ。