ワードプレスで次世代フォーマットでの画像の配信 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」のサイトにて配布されていますので、それを利用することにします。...
ImageMagick の設定方法と写真画質比較

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

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

ワードプレスで写真の分割表示 TwentyTwenty

プラグイン「 TwentyTwenty 」をインストールすることでスライドバーを利用した写真のスプリット表示が可能になります。写真系のサイトを構築していると、色調補正や諧調補正を行った写真を、写真の補正前後で並べて比較をさせたいと思ったことはありませんか?表示させる写真を、紙の写真のように上下で重ねてめくって比較させたいと思ったことは?プラグイン「 TwentyTwenty 」がそれを実現してくれます。 ワードプレスで写真の分割表示 TwentyTwenty 1.TwentyTwenty とは?...

Pin It on Pinterest