商品情報
商品画像を登録する際に、自動的にwebp形式でがサムネイル画像/商品画像を生成するプラグインです。
クオリティを維持しながら軽量化することができ、サイト表示速度が改善します!
商品画像を任意のサイズにリサイズし、webp 形式に変換するプラグインです。
管理画面>商品登録画面から商品画像を登録/削除した際、任意サイズにリサイズしwebp 形式に変換した画像を生成/削除します。
フロント商品一覧・商品詳細画面の表示画像は、生成したwebp形式の画像を参照するようになり、
サイトの表示速度の向上をご支援します。
また、アップロード済みの商品画像を一括圧縮するコマンドをご利用いただけます。
本プラグイン導入前にアップロード済みの商品画像や、商品CSV登録画面から登録した商品画像など、/save_imageに保存している画像を一括圧縮することが可能です。
【プラグインデモ環境のご案内】
以下のボタンより、実際のEC-CUBEシステムにて、プラグインの動作をご確認いただけます。
デモ環境でプラグインを見る(ユーザー画面)
デモ環境でプラグインを見る(管理画面)
▼ベーシック認証
ユーザー名:demo-plugin42
パスワード:password
▼管理画面ログインID
ログインID:demo-plugin
パスワード:password1234
- ※本環境ではメールは送信されません。
- ※プラグイン設定画面の操作はお試しいただけません。設定値は下記の通りです。
- 商品画像 最大辺(px):1000
- サムネイル用商品画像 最大辺(px):200
- ※一括圧縮コマンドはお試しいただけません。
- ※EC-CUBE4.2系のデモ環境になります。他バージョンでも使用感は同様になりますが、バージョンに依存し、管理画面のデザインなどが異なる場合があります。
- ※毎時0分にデータやファイルが初期化されます。
- ※共有環境です。利用に制限はございませんが、個人情報は記述しないようにお願いします。
機能詳細
☆管理画面
①商品登録画面
商品画像の登録/削除時、
利用者が任意に設定したサイズに圧縮したwebp形式の画像を生成します。
生成した画像は、本プラグイン有効化時に/html/upload配下に生成される以下ディレクトリに保存します。
・/webp_image (商品詳細画面へ表示を想定した画像)
・/webp_thumb_image(商品一覧画面へ表示を想定したサムネイル用画像)
②商品画像webp変換プラグイン設定
圧縮サイズを任意に設定することが可能です。
☆ユーザー画面
①商品詳細画面
表示する画像は、/webp_imageに登録したwebp拡張子の画像を参照します。
②商品一覧画面
表示する画像は、/webp_thumb_imageに登録したwebp拡張子の画像を参照します。
☆コマンド
一括圧縮コマンドをご利用いただけます。
本プラグイン導入前にアップロード済みの商品画像や、商品CSV登録画面からCSVから登録した商品画像など、/save_imageに保存している画像を一括で圧縮することが可能です。
適用範囲
本プラグインのEC-CUBE標準機能の適用範囲例は以下の通りです。
☆管理画面
●商品管理
・商品登録
☆フロント画面
●商品一覧
●商品詳細
☆コマンド
●画像一括最適化コマンド ★新規追加
☆DB
●plg_image_optimizer_config(画像一括最適化設定テーブル) ★新規追加
ご利用上の注意・お問い合わせ