ワードプレスで WebP を簡単に作成する方法 EWWW Image

ワードプレスで WebP を簡単に作成する方法 EWWW Image

WordPress(ワードプレス)初心者向けに、今回はワードプレスで次世代フォーマットでの画像配信を簡単に行う方法、「EWWW Image Optimizer」を用いた方法についてまとめさせていただきます。 ワードプレスで WebP を簡単に作成する方法EWWW Image Optimizer Google PageSpeed Insights で高速化の手段として「次世代フォーマットでの画像配信」が提案されることから、あるいは、Googleが開発してきた WebP を、最近になって Firefox や Edge...
ワードプレスで次世代フォーマットでの画像の配信 WebPの画質比較

ワードプレスで次世代フォーマットでの画像の配信 WebPの画質比較

PageSpeed Insights でのスピードアップの提案に「次世代フォーマットでの画像の配信」というものがあります。次世代画像フォーマットのうち、今回はGoogleが開発している「 WebP 」について利用を可能とし、またその画質の比較を行います。 ワードプレスで次世代フォーマットでの画像の配信 WebP の画質比較 1.ワードプレスのWebP利用方法 WordPress(ワードプレス)で次世代画像フォーマットの WebP を利用するには Mime Type の設定が必要です。 1)WP Add Mime Types...
サイトの高速化 写真のWebP化の方法 Photoshop利用

サイトの高速化 写真のWebP化の方法 Photoshop利用

サイトの高速化の方法のひとつに、表示させる写真や画像に次世代フォーマットを利用するというものがあります。次世代フォーマットにはいくつか案があるのですが、今回はGoogleが開発している WebP (ウェッピー)の利用方法について取り上げます。 サイトの高速化 写真のWebP化の方法 Photoshop利用 1.Photoshopにプラグインをインストールする 1)プラグインのダウンロード プラグインは、現在は下記の「GitHub」のサイトにて配布されていますので、それを利用することにします。...
Jetpackのコンタクトフォームを設置する方法 初心者図解

Jetpackのコンタクトフォームを設置する方法 初心者図解

WordPress(ワードプレス)のコンタクトフォームとしては、「Contact Form 7」が有名ですが、ワードプレス公式プラグインのJetpackにもコンタクトフォーム機能があります。今回はその設置と設定方法について初心者向けにできるだけ図を使いながら簡単に解説したいと思います。※Jetpackのインストールについては下記記事をご覧ください。 https://websvr.org/matome/wordpress-plugin-jetpack/ ワードプレスに Jetpack のコンタクトフォームを設置・設定する方法...
ImageMagick の設定方法と写真画質比較

ImageMagick の設定方法と写真画質比較

さくらのレンタルサーバーを使い WordPress(ワードプレス)のクイックインストールを行うと、標準で ImageMagick Engine プラグインがインストールされています。今回はその設定方法と設定画質の比較を行ってみます。さくらのレンタルサーバーでなくてもインストール可能です。 ImageMagick の設定方法と写真画質比較 1.ImageMagick Engine プラグインとは? ImageMagick Engine プラグインはワードプレスの画像処理を標準のGDによる処理から、ImageMagick...

Pin It on Pinterest