Perfect Images + Retina:Retinaディスプレイ対応の画像を生成できる

2018年11月21日

Retina ディスプレイ対応の画像を生成できる WordPress 用プラグインの紹介です。
それは「Perfect Images + Retina(旧名:WP Retina 2x)」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

Perfect Images + Retina(旧名:WP Retina 2x)

Perfect Images + Retina - WordPress.org

Perfect Images + Retina は、アップロード時に Retina 対応の画像を自動的に生成できます。
アップロード済みの画像は個別もしくは一括で再生成できます。
JPG 画像の場合には、圧縮品質を設定することもできます。

上記以外にも以下の機能があります。

・画像サイズ管理
不要な画像サイズを無効にしたり、
ダッシュボードで、メディア毎に作成されたサイズを確認できます。

・画像のしきい値を無効にする
サムネイル画像を再生成する

・画像を置き換える

作者さんが開発している WP Retina 2x 以外にも需要の多いプラグインを日本語版としても公開しています。
Meow Apps 日本語版(公式)

記事を作成もしくは更新時点でのバージョン:6.1.0

インストール手順

Perfect Images + Retina をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Perfect Images + Retina – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Perfect Images + Retina」と入力します。

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Perfect Images + Retina を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

管理画面の「設定」メニューの下に追加されています。

ダッシュボード

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

このプラグインの作者さんが WordPress 公式で公開しているプラグインの情報が表示されています。
また、デバッグ用に PHP エラーログの確認や PHP に関する情報も取得できます。

Settings では、以下の設定が可能。

Main Menu
このプラグインのメインメニューを非表示にするかどうか。

SSL Verify
強制的に SSL 検証を行うかどうか。

使い方

まずは、「Meow Apps」メニューの「Perfect Images」から必要な設定を行います。

設定

一般設定(General)

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Image Sizes

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

WordPress のデフォルトの画像サイズだけでなく、
テーマや他のプラグインによって追加された画像サイズも無効にできます。
また、Retina 画像を生成するかどうかをサイズ毎に選択できます。

Retina Images:
サムネイルが生成または再生成される度に Retina 画像を自動的に作成するかどうか。

Full-Size Retina:
Pro 版のみの機能です。

Big Image Threshold

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

WordPress 5.3 以降、2,560 px より大きい画像は自動的にサイズ変更され、
-scaled で名前が変更されてしまいます。
ここでは、その画像のしきい値を無効にすることができます。

Image Replace & UI Features

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

メディアメニューに追加された「Perfect Images」で直接画像を置き換えることができます。

Image Replace:
Pro 版のみの機能です。

Hide Dashboard:
メディアメニューに追加された「Perfect Images」のメニューを非表示にするかどうか。

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Hide Retina Column:
メディアライブラリの Retina 列を非表示にするかどうか。

Retina設定(Retina Delivery)

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Delivery Method:
配信方式を選択します。
Responsive Images を推奨。

Over HTTP Check
Pro 版のみの機能です。

最適化&速度設定(Optimizaion & Speed)

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

CDN を使用して、画像(WebPを含む)を最適化できるみたいです。

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Responsive Images
Pro 版のみの機能です。

高度な設定(Advanced)

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Responsive Images:
WordPress 組み込みのレスポンシブ画像機能を無効にするかどうか。

Debug:
デバッグモードを有効にするかどうか。
プラグインフォルダにログファイルが作成されます。

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

CDN Domain:
CDN を使用している場合は、CDN サブドメインを入力します。
Easy IO CDN を使用している場合、不要です。

Pro Version

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

画像の一括再生成

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Perfect Images + Retina(旧名:WP Retina 2x)」の導入から日本語化・使い方と設定項目を解説している画像

Retina 画像・サムネイル画像の再生成と Retina 画像の削除を一括で行えます。

URL

Perfect Images + Retina – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

Retina

Posted by 管理人