Nabu画像最適化アプリでの画像圧縮

このガイドでは、ホームページのレイアウト、画像の圧縮方法、および結果の表示方法について説明します。

ホームページの概要

ホームページの上部には3つの統計が表示されます:

• ストア内の総画像数 - Shopifyストアから同期された画像の総数
• 圧縮された画像 - これまでに最適化した画像の数
• 保存されたスペース - 圧縮によって保存されたファイルサイズの合計

統計の下には、製品、コレクション、ブログのタブがある画像テーブルがあります。各行には、画像のサムネイル、製品タイトル、最適化ステータス、最終最適化日、ファイルサイズ、アクションボタンが表示されます。

画像を圧縮する方法

1. テーブルで圧縮したい画像を見つけます。
2. その行の圧縮ボタンをクリックします。
3. 圧縮オプションモーダルが開きます。表示される内容:

• • 現在のサイズ - 画像の現在のファイルサイズ
  • 圧縮レベルを選択 - 低、中、高の圧縮を選択するためのスライダー
  • 推定新サイズ - 圧縮後の予測ファイルサイズと推定削減率
  • 画像のプレビュー

4. お好みに合わせて圧縮レベルのスライダーを調整します。
5. 圧縮開始をクリックします。

圧縮後

圧縮が完了すると、行が更新されます:

• ステータスが「未最適化」から「最適化済み」(緑色で表示)に変わります
• 最終最適化日が日付と時間を表示します
• サイズは、元のサイズ(「前」)と圧縮後のサイズ(「後」)の両方を表示します
• 圧縮ボタンが表示ボタンに変わります

画像の詳細を表示する

最適化された画像の表示ボタンをクリックすると、画像の詳細を表示モーダルが開きます。表示される内容:

• 保存されたファイルサイズの割合(例:「品質を損なうことなく、圧縮でファイルサイズを約26%節約しました。」)
• 元の画像と最適化された画像の並列比較
• 各画像の下に表示される元のファイルサイズと最適化されたファイルサイズ

閉じるをクリックしてホームページに戻ります。

更新日 09/04/2026