Title: WP WebPNative
Author: alexalouit
Published: <strong>2020年3月28日</strong>
Last modified: 2020年3月28日

---

プラグインを検索

![](https://ps.w.org/wp-webpnative/assets/banner-772x250.png?rev=2269889)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/wp-webpnative/assets/icon-256x256.jpg?rev=2269889)

# WP WebPNative

 作者: [alexalouit](https://profiles.wordpress.org/alexalouit/)

[ダウンロード](https://downloads.wordpress.org/plugin/wp-webpnative.zip)

 * [詳細](https://ja.wordpress.org/plugins/wp-webpnative/#description)
 * [レビュー](https://ja.wordpress.org/plugins/wp-webpnative/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/wp-webpnative/#installation)
 * [開発](https://ja.wordpress.org/plugins/wp-webpnative/#developers)

 [サポート](https://wordpress.org/support/plugin/wp-webpnative/)

## 説明

This module provide a reliable webp solution, without configuration.
 Supported 
file formats are JPEG and PNG up to 8 megabytes.

Module look for compatible media images, sends them to an API which is convert them.

They are saved next to the original file. When a visitor is on your site, “HTML 
Transformation” function take care to provide the WebP version. This function can
be disabled because some web server takes care of presenting the file themselves.

## スクリーンショット

 * [[
 * Exemple
 * [[
 * General configure

## インストール

The installation is like any other plugin:

Automatic installation:
 Install it from WordPress plugins repository, activate 
it.

Manual installation:
 Unzip files under /wp-content/plugins directory, activate 
it.

Automatic uninstallation:
 Use WordPress built-in extension manager.

Manual uninstallation:
 – remove plugin directory /wp-content/plugins/wp-webpnative

## FAQ

  Does it support non-WebP browser like Safari?

Yes, this is supported when using the html transformation function.

  Does I need a PHP specific module?

No, you don’t.
 The compression is done on several remote servers.

  What is HTML modification?

This is the process of modifying the final HTML content of your page,
 it will verify
that the images are available in WebP format so that the client is WebP compatible.
If these last two cases are valid, the content will be update to present the image
in WebP format.

  How use Apache rule

Disable HTML transformation on module configuration page

_add to .htaccess:_

    ```
    <IfModule mod_setenvif.c>
      SetEnvIf Request_URI "\.(jpe?g|png)$" REQUEST_image
    </IfModule>

    <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteCond %{HTTP_ACCEPT} image/webp
      RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
      RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp]
    </IfModule>

    <IfModule mod_headers.c>
      Header append Vary Accept env=REQUEST_image
    </IfModule>

    <IfModule mod_mime.c>
      AddType image/webp .webp
    </IfModule>
    ```

  How use Nginx rule

Disable HTML transformation on module configuration page

_Add to /etc/nginx/conf.d/webp.conf:_

    ```
    map $http_accept $webp_suffix {
      default "";
      "~*webp" ".webp";
    }
    ```

_Add to your vhost file:_

    ```
    location ~ \.(png|jpe?g)$ {
      add_header Vary "Accept-Encoding";
      try_files $uri$webp_suffix $uri =404;
    }
    ```

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

WP WebPNative はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献
しています。

貢献者

 *   [ alexalouit ](https://profiles.wordpress.org/alexalouit/)

[“WP WebPNative” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/wp-webpnative)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/wp-webpnative/)するか、
[SVN リポジトリ](https://plugins.svn.wordpress.org/wp-webpnative/)をチェックする
か、[開発ログ](https://plugins.trac.wordpress.org/log/wp-webpnative/)を [RSS](https://plugins.trac.wordpress.org/log/wp-webpnative/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0

 * Initial version

## メタ

 *  バージョン **1.0**
 *  最終更新日 **6年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 3.0.1またはそれ以降 **
 *  検証済み最新バージョン: **5.3.21**
 *  PHP バージョン ** 5.2.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/wp-webpnative/)
 * タグ
 * [image](https://ja.wordpress.org/plugins/tags/image/)[performance](https://ja.wordpress.org/plugins/tags/performance/)
   [speed](https://ja.wordpress.org/plugins/tags/speed/)[webp](https://ja.wordpress.org/plugins/tags/webp/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/wp-webpnative/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/wp-webpnative/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/wp-webpnative/reviews/)

## 貢献者

 *   [ alexalouit ](https://profiles.wordpress.org/alexalouit/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/wp-webpnative/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=4GJGDY4J4PRXS)