プラグイン使わずに既にアップロードしたjpg画像をwebpに一括変換方法

今現在では、webサイト上の画像や写真などは、拡張子がjpgではなくwebpやavifが多くなってきました。webpやavifは従来のjpgに比べて画像劣化が少なくファイルサイズが小さくなります。よって、ページ表示速度が速くなることが期待できます。特に、画像を多く取り扱っているサイトにおいてはより効果を感じることと思われます。

そこで、以前からサイト運営をしてきてjpgなどの拡張子にて画像をアップロードしている場合は、FTPツールなどにて全ての画像をダウンロードして、ローカルで一旦保存し以下のサルワカ道具箱やSquooshなどのサイトを利用したり、アプリケーションにて画像をwebp変換後に再度アップロードし直しすなどの手間がかかると思われます。プラグインなどにおいても対応可能かもしれませんが、できる限りプラグインを使わずにしたい方も多いと思われます。

URL: https://saruwakakun.com/tools/png-jpeg-to-webp/

プラグインを使わずにjpg画像をwebp画像に一括変換する方法です。

WordPressにおいてはfunction.phpに関数などのコードを追加することで、後からある程度のカスタマイズが可能です。ある程度というよりかなりのカスタマイズなどができると思われます。

そこで、以下にfunction.php内に以下のコードを追加することで既にアップロードしてあるjpg画像やjpg写真を、サーバー上でWordPressに行わせることができます。

/**
 * 既存の JPG / PNG ファイルを WebP に一括変換（元画像は残す）
 * 実行トリガー：管理者が管理画面にアクセスしたとき（初回のみ）
 */

add_action( 'admin_init', 'convert_existing_images_to_webp' );

function convert_existing_images_to_webp() {
    // 管理者のみ実行
    if ( ! current_user_can( 'manage_options' ) ) {
        return;
    }

    // 二重実行防止（1日に1回だけ）
    $last_run = get_transient( 'convert_existing_images_to_webp_last_run' );
    if ( $last_run ) {
        return;
    }
    set_transient( 'convert_existing_images_to_webp_last_run', time(), DAY_IN_SECONDS );

    $upload_dir = wp_get_upload_dir();
    $base_dir   = trailingslashit( $upload_dir['basedir'] );

    // jpg / jpeg / png を再帰的にスキャン
    $iterator = new RecursiveIteratorIterator(
        new RecursiveDirectoryIterator( $base_dir, RecursiveDirectoryIterator::SKIP_DOTS )
    );

    foreach ( $iterator as $file ) {
        if ( $file->isFile() ) {
            $ext = strtolower( $file->getExtension() );

            if ( in_array( $ext, array( 'jpg', 'jpeg', 'png' ), true ) ) {
                $file_path = $file->getPathname();
                $file_info = pathinfo( $file_path );
                $webp_path = $file_info['dirname'] . '/' . $file_info['filename'] . '.webp';

                // 既に webp が存在すればスキップ
                if ( file_exists( $webp_path ) ) {
                    continue;
                }

                // 画像読み込み
                if ( $ext === 'png' ) {
                    $image = @imagecreatefrompng( $file_path );
                    if ( $image ) {
                        imagepalettetotruecolor( $image );
                        imagealphablending( $image, true );
                        imagesavealpha( $image, true );
                    }
                } else {
                    $image = @imagecreatefromjpeg( $file_path );
                }

                if ( ! $image ) {
                    continue;
                }

                // WebP 生成（品質80）
                imagewebp( $image, $webp_path, 80 );
                imagedestroy( $image );
            }
        }
    }
}

上記は、WordPressの管理画面を開いた際に自動的に既にアップロードされているjpg画像やjpg写真をwebp形式の拡張子に一括変換するコードになります。

機能の概要としましては、以下のようになっています。

使い方は、管理画面を開くことで1日に1回実行されるようになっています。

一度だけ即時実行したい場合は（もし「管理画面を開かなくても今すぐ変換を走らせたい」場合）、
以下の関数呼び出しを一度だけ追記し、実行後に削除して大丈夫です。

add_action( 'init', 'convert_existing_images_to_webp' );

※実行が完了しましたら、上記の1行は削除してください。

その他、上記コードの任意カスタマイズ部分としましては、以下になります。

• 品質を変更したい場合： imagewebp( $image, $webp_path, 80 ); の 80 を 70〜90 などに変更。
• 実行頻度を変更したい場合：DAY_IN_SECONDS を HOUR_IN_SECONDS に変更で1時間ごとに再スキャン可能。

各々において、あったカスタマイズしてみてくださいね。function.phpファイルのバックアップは先に必ず行ってからにしてくださいね。

最後にそれぞれの画像拡張子の特徴や違い（できること）などを以下にまとめてみます。

	WebP	JPEG	PNG	GIF
圧縮方式	非可逆圧縮 可逆圧縮 を選べる	非可逆圧縮	可逆圧縮	可逆圧縮
透過処理	○	×	○	△
表現できる色	1670万	1670万	256〜1670万	256
アニメーション 表示	○	×	×	○

Googleが開発した拡張子webpなので、Googleが作成した以下Squooshというサイトにてもwebp画像変換ができます。

Squoosh

URL: https://squoosh.app/

Auto Spec ニッサン エクストレイル T32前後期に適合 内蔵型コンソールボックス 車内収納ボックス 2ポートUSB充電付き 車種専用設計 センサーLEDライト付き 小物入れ 滑り止めマット付き 収納アクセサリー 装着簡単 (ニッサン・エクストレイル T32前後期, ブラック)

¥5,980 （2025/09/20 19:25時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

NISSAN(ニッサン) 日産純正部品 リモコン TV & VTR B8084-C9993

¥7,800 （2025/09/13 14:27時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

あなたにおすすめ

WordPress 伝えたいこと 備忘録

SEOに強いのはBloggerとWordPressどっちなのか

昨今、（というか結構前から）言われているSEOですが…。 そのSEOについて、 良く言われるのがWordPressが良いと言われています。 また、 GoogleのサービスであるBloggerというブロ...

伝えたいこと 備忘録 時事ネタ 治療

ロキソニンに継ぎタミフル、メマリーなど新たな重篤な副作用が発覚この2年間で。

以前にも薬の副作用についてお話しましたが、 ロキソニンという解熱鎮痛剤が処方薬としてメジャーでした。ロキソニンの副作用報告については、以下の以前の記事を参照しください。そして、 メジャーだったが故に市...

SNS Twitter インターネット 伝えたいこと 備忘録

Twitterで知らない人からフォローされるけど…。どうしたら良いの？

ここ数日、数ヶ月の間にブログの投稿記事をTwitterに自動投稿しているのですが、たまにいいね！されたりリツイート（RT）されたりすると嬉しいですよね。でも、時折知らない人からフォローされていることっ...

伝えたいこと 備忘録

風呂枕、バスピローおすすめはニトリ製品

先日、お風呂の枕ことバスピローについて書きました。 テレビの女神のマルシェで何年か前にバスピローについて紹介されていたので、 まずはイトーヨーカドーに行ってみましたが、すでに商品はなく…。 その後、い...

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

WordPressアイキャッチ画像を自動で投稿記事に表示する方法

いまやブログにおいてアイキャッチ画像は無くてはならない存在になりつつあります。 特にWordPressにおいては、基本的にアイキャッチ画像を設定することが出来るようになっているテーマがほとんどです。 ...

Stinger6 Stinger7 WordPress カスタマイズ スマホ 伝えたいこと 備忘録

スマホファースト用にStinger6Stinger7をカスタマイズ

WordPressはカスタマイズ性が優れているのは周知の事実だと思います。function.php内にしていする関数？などによっていろいろな事が出来るようになります。 また、テーマによってカスタマイズ...

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。