画像をWebPへ自動変換してくれるWordPressプラグイン「WebP Converter for Media」

# BEGIN WebP Converter
# ! --- DO NOT EDIT PREVIOUS LINE --- !
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/wp-content/uploads-webpc/$1.jpg.webp -f
  RewriteCond %{HTTP_HOST}@@%{HTTP_REFERER} ^([^@]*)@@https?://\1/.*
  RewriteRule (.+)\.jpg$ /wp-content/uploads-webpc/$1.jpg.webp [NC,T=image/webp,L]
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/wp-content/uploads-webpc/$1.jpeg.webp -f
  RewriteCond %{HTTP_HOST}@@%{HTTP_REFERER} ^([^@]*)@@https?://\1/.*
  RewriteRule (.+)\.jpeg$ /wp-content/uploads-webpc/$1.jpeg.webp [NC,T=image/webp,L]
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/wp-content/uploads-webpc/$1.png.webp -f
  RewriteCond %{HTTP_HOST}@@%{HTTP_REFERER} ^([^@]*)@@https?://\1/.*
  RewriteRule (.+)\.png$ /wp-content/uploads-webpc/$1.png.webp [NC,T=image/webp,L]
</IfModule>
# ! --- DO NOT EDIT NEXT LINE --- !
# END WebP Converter

<img loading="lazy" width="683" height="1024" src="https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-683x1024.jpg" alt="" class="wp-image-24061" srcset="https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-683x1024.jpg 683w, https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-200x300.jpg 200w, https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-768x1152.jpg 768w, https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4.jpg 800w" sizes="(max-width: 683px) 100vw, 683px">

<?php
/**
 * Loads images in WebP format or original images if browser does not support WebP.
 *
 * @category WordPress Plugin
 * @package  WebP Converter for Media
 * @author   Mateusz Gbiorczyk
 * @link     https://wordpress.org/plugins/webp-converter-for-media/
 */

/**
 * Loads lighter weight image files in output format instead of original formats.
 */
class PassthruLoader {

	const PATH_UPLOADS      = 'wp-content/uploads';
	const PATH_UPLOADS_WEBP = 'wp-content/uploads-webpc/uploads';
	const MIME_TYPES        = '{"webp":"image\/webp"}';

	/**
	 * PassthruLoader constructor.
	 */
	public function __construct() {
		if ( ! ( $image_url = $_GET['src'] ?? null ) ) { // phpcs:ignore
			return;
		} elseif ( ! filter_var( $image_url, FILTER_VALIDATE_URL ) ) {
			$this->load_image_default( $image_url );
		}

		$this->load_converted_image( $image_url );
	}

	/**
	 * Initializes loading of image in supported output format.
	 *
	 * @param string $image_url URL of source image.
	 *
	 * @return void
	 */
	private function load_converted_image( string $image_url ) {
		$mime_types    = json_decode( self::MIME_TYPES, true );
		$headers       = array_change_key_case(
			array_merge( ( function_exists( 'getallheaders' ) ) ? getallheaders() : [], $_SERVER ),
			CASE_UPPER
		);
		$accept_header = $headers['ACCEPT'] ?? ( $headers['HTTP_ACCEPT'] ?? '' );

		foreach ( $mime_types as $extension => $mime_type ) {
			if ( ( strpos( $accept_header, $mime_type ) !== false )
				&& ( $source = $this->load_image_source( $image_url, $extension ) ) ) {
				header( 'Content-Type: ' . $mime_type );
				echo $source; // phpcs:ignore
				exit;
			}
		}
		$this->load_image_default( $image_url );
	}

	/**
	 * Loads image output format.
	 *
	 * @param string $image_url URL of source image.
	 * @param string $extension Extension of output format.
	 *
	 * @return string|null Content of image in output format.
	 */
	private function load_image_source( string $image_url, string $extension ) {
		$url = $this->generate_source_url( $image_url, $extension );
		$ch  = curl_init( $url );
		if ( $ch === false ) {
			return null;
		}

		curl_setopt( $ch, CURLOPT_SSL_VERIFYPEER, 0 );
		curl_setopt( $ch, CURLOPT_RETURNTRANSFER, 1 );

		$response = curl_exec( $ch );
		$code     = curl_getinfo( $ch, CURLINFO_HTTP_CODE );
		curl_close( $ch );

		if ( ( $code !== 200 ) || ! $response ) {
			return null;
		} else {
			return ( is_string( $response ) ) ? $response : null;
		}
	}

	/**
	 * Returns URL of output image by replacing URL of source image.
	 *
	 * @param string $image_url URL of source image.
	 * @param string $extension Extension of output format.
	 *
	 * @return string URL of image in output format.
	 */
	private function generate_source_url( string $image_url, string $extension ): string {
		return sprintf(
			'%1$s.%2$s',
			str_replace( self::PATH_UPLOADS, self::PATH_UPLOADS_WEBP, $image_url ),
			$extension
		);
	}

	/**
	 * Redirects to source image.
	 *
	 * @param string $image_url URL of source image.
	 *
	 * @return void
	 */
	private function load_image_default( string $image_url ) {
		header( 'Location: ' . $image_url );
	}
}

new PassthruLoader();

<img loading="lazy" width="683" height="1024" src="https://example.com/wp-content/webpc-passthru.php?src=https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-683x1024.jpg&nocache=1" alt="" class="wp-image-24061" srcset="https://example.com/wp-content/webpc-passthru.php?src=https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-683x1024.jpg&nocache=1 683w, https://example.com/wp-content/webpc-passthru.php?src=https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-200x300.jpg&nocache=1 200w, https://example.com/wp-content/webpc-passthru.php?src=https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4-768x1152.jpg&nocache=1 768w, https://example.com/wp-content/webpc-passthru.php?src=https://example.com/wp-content/uploads/2021/09/nekocatIMGL54791978_TP_V4.jpg&nocache=1 800w" sizes="(max-width: 683px) 100vw, 683px">