前のページに戻る
画像最適化・WebP変換プラグイン(4.2系)

画像最適化・WebP変換プラグイン(4.2系)プラグイン

販売価格：5,000円(税込)

0件の評価

公開日： 2026年2月24日 / 更新日： 2026年4月2日

対応バージョン： 4.2.x 系
4.2系4.2.0｜4.2.1｜4.2.2｜4.2.3｜4.2.3-p1｜4.2.3-p2

提供：Bootech

サポート： [email protected]

ライセンス： LGPL

商品情報

画像最適化・WebP変換プラグイン(4.2系)


商品画像やファイル管理の画像の圧縮・最適化と WebP 形式への自動変換を行うプラグインです。
圧縮率の設定や画像サイズ、ピクセル等の指定、圧縮前の元画像のバックアップ機能も備えており、ページの読み込み速度向上と SEO 対策に効果的な画像最適化機能を提供します。

機能概要

画像圧縮・最適化

  • 商品画像の一括圧縮
  • ファイルサイズとサイズ(幅・高さ)の制限設定
  • 個別画像の最適化状況表示
  • 最適化済み画像の管理

WebP変換

  • 自動WebP変換機能
  • webp_picture() picture要素による最適な画像配信
  • webp_image() ブラウザのAcceptヘッダーベースの画像選択
  • フォールバック機能付きWebP対応

設定項目

  • 商品画像最大容量: 圧縮後の最大ファイルサイズ(KB)
  • 商品画像最大サイズ: 画像の最大幅・高さ(px)

WebP機能の使用方法

1. webp_picture()関数(推奨)

{# 基本的な使用方法 #}
{{ webp_picture(asset(ProductImage, 'save_image'), {
'alt': Product.name,
'width': '550',
'height': '550',
'loading': 'lazy'
}) }}
{# 出力結果 #}
<picture>
<source srcset="/upload/save_image/product.webp" type="image/webp">
<img src="/upload/save_image/product.jpg" alt="商品名" width="550" height="550" loading="lazy">
</picture>

2. webp_image()関数

{# シンプルなimg タグ用 #}
<img src="{{ webp_image(asset(ProductImage, 'save_image')) }}"
alt="{{ Product.name }}"
width="550"
height="550">
導入方法
  • 当プラグインをインストール&有効化してください
  • 管理画面 > オーナーズストア > プラグイン一覧 > 画像最適化・WebP変換プラグイン(4.2系) の設定(歯車アイコン)より設定を行ってください。
  • 管理画面 > 商品管理 > 商品画像最適化 より商品画像の一括最適化を実行してください。
  • 管理画面 > 商品管理 > WebP一括変換 より画像の WebP 化を実行してください。
  • テンプレートで webp_picture() または webp_image() 関数を使用してWebP画像を配信してください。
管理画面での操作

画像最適化画面

  • 商品画像の一覧表示
  • 個別・一括での画像最適化実行
  • 最適化状況の確認
  • 最適化済み画像のリセット機能

設定画面

  • 画像圧縮の詳細設定
  • WebP機能の使用例・ドキュメント
  • プラグインの動作設定
技術仕様
  • 対応画像形式: JPEG, PNG → WebP変換
  • 圧縮方式: ブラウザベースの画像圧縮(JavaScript)
  • WebP検出: ブラウザのAcceptヘッダー自動判定
  • フォールバック: 非WebP対応ブラウザでは元画像を配信
ステータス変更時の処理

インストール時

  • データベーステーブルの作成
  • 初期設定データの登録

アップデート時

  • データベーススキーマの更新
  • 設定データの移行

有効化時

  • プラグイン機能の有効化
  • Twig関数の登録

無効化時

  • プラグイン機能の無効化

アンインストール時

  • データベーステーブルの削除
  • 設定データの削除
デモ

デモ環境で動作をご確認いただけます。アクセス情報は下記をご参照ください。
※デモ環境は、EC-CUBEのデフォルト環境にプラグインをインストールし、有効化したのみの状態です。プラグインの仕様によっては、別途追加の設定が必要になる場合がございます。

サイト情報

4.3.x 系
フロント 管理画面 ログインID: administrator パスワード: password12345678
4.2.x 系
フロント 管理画面 ログインID: administrator パスワード: password12345678
4.1.x 系
フロント 管理画面 ログインID: administrator パスワード: password12345678
4.0.x 系
フロント 管理画面 ログインID: administrator パスワード: password12345678
  • 毎日午前0時より数分間、システムメンテナンスを実施します。この間、初期化処理を行うため、設定情報がリセットされます。
  • 事前の予告なしに、システムメンテナンスを実施する場合があります。
  • デモ環境で不具合などを発見された場合は、サポートまでメールでご連絡ください。
開発者情報

プラグインのロジック変更や項目追加のほか、本体カスタマイズも承っております。お気軽にこちらまでご連絡ください。

EC-CUBE やシステム開発関連の情報発信をしています。詳しくは、Bootech 公式サイトをご覧ください。

EC-CUBE 4系のローカル環境構築プロジェクトの運営も行なっています。詳しくは、Docker for EC-CUBE 4をご確認ください。

画像最適化・WebP変換プラグイン(4.2系)

PAGE TOP

リリースノート

インストール処理の最適化（2026/04/02）
プラグインインストール時の処理を最適化しました。
画像最適化・WebP変換プラグイン(4.2系)の販売を開始しました。（2026/02/24）
プラグインをリリースしました。

PAGE TOP

画像最適化・WebP変換プラグイン(4.2系)5,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

ご感想を書き込む

PAGE TOP