DataPushにアップロードした画像などに関して
DataPush 画像アップロード・管理ガイド
概要
DataPushでは、ポップアップに使用する画像を簡単にアップロード・管理できます。このガイドでは、画像の追加から最適化まで、効果的な画像活用方法を説明します。
対応画像形式・サイズ制限
サポートされるファイル形式
- JPEG (.jpg, .jpeg)
- PNG (.png) – 透明背景対応
- GIF (.gif) – アニメーション対応
ファイルサイズ制限
| プラン | 1ファイルあたり | 総容量 |
|---|---|---|
| フリー | 5MB | 5MB |
| ライト | 10MB | 20MB |
| スタンダード | 10MB | 200MB |
| エキスパート | 10MB | 400MB |
画像のアップロード方法
手順1: 画像管理画面へのアクセス
- DataPush管理画面にログイン
- 左メニューから「メディア」をクリック
- アップロードエリアに画像ファイルをドラッグ or 「ファイルを選択」ボタンをクリック
画像の編集・最適化
基本編集機能
DataPush内蔵エディターで以下の編集が可能：
リサイズ
- カスタムサイズ: 任意の幅・高さ指定
- プリセット: 一般的なサイズから選択
- 比率固定: アスペクト比を維持したリサイズ
トリミング
- フリートリミング: 自由に切り抜き範囲を指定
- 比率指定: 正方形、16:9など指定比率でトリミング
- 中央寄せ: 画像中央を基準とした自動トリミング
フィルター・調整
- 明度・コントラスト: 画像の明暗調整
- 彩度: 色の鮮やかさ調整
- シャープネス: 画像の輪郭強調
- フィルター: セピア、モノクロ、ビンテージなど
自動最適化機能
圧縮設定
高画質 (90%) ←→ 高圧縮 (60%)
ファイルサイズ: 大 ←→ 小
読み込み速度: 遅 ←→ 高速
- 自動圧縮: 画質を保ちながらファイルサイズを最適化
- Web最適化: Web表示に適した形式・サイズに自動変換
- レスポンシブ対応: デバイス別最適画像の自動生成
ポップアップでの画像活用
画像の挿入方法
- ポップアップ編集画面を開く
- 「画像」ブロックを追加
- 「メディアライブラリから選択」をクリック
- アップロード済み画像から選択
配置パターン
パターン1: メイン画像
┌─────────────────┐
│ 商品画像 │
├─────────────────┤
│ テキスト内容 │
│ [ボタン] │
└─────────────────┘
パターン2: 背景画像
┌─────────────────┐
│ ［背景：画像］ │
│ テキスト │
│ [ボタン] │
└─────────────────┘
パターン3: アイコン付き
┌─────────────────┐
│ 🏷️ タイトル │
│ 説明テキスト │
│ [ボタン] │
└─────────────────┘
画像管理のベストプラクティス
ファイル命名規則
# 推奨命名例
product-shoes-main.jpg # 商品メイン画像
banner-sale-summer-2024.png # セールバナー
icon-close-white.svg # クローズアイコン
bg-gradient-blue.webp # 背景画像
フォルダ構成
📁 画像ライブラリ
├── 📁 商品画像
│ ├── shoes/
│ ├── clothing/
│ └── accessories/
├── 📁 バナー
│ ├── seasonal/
│ └── promotion/
├── 📁 アイコン
└── 📁 背景画像
パフォーマンス最適化
- 適切なファイル形式選択
- 写真 → JPEG/WebP
- イラスト・ロゴ → PNG/SVG
- アニメーション → GIF
- サイズ最適化: 表示サイズの2倍程度に調整
- 遅延読み込み: 大きな画像は自動で遅延読み込み適用
トラブルシューティング
よくある問題と解決方法
アップロードエラー
問題: 「ファイルサイズが大きすぎます」 解決策:
- 画像を圧縮してファイルサイズを削減
- 不要な部分をトリミング
- より効率的なファイル形式（WebP）を使用
問題: 「対応していないファイル形式です」 解決策:
- サポートされる形式（JPEG, PNG, GIF, WebP, SVG）に変換
- ファイル拡張子が正しいか確認
表示エラー
問題: ポップアップで画像が表示されない 解決策:
- 画像がメディアライブラリに正常にアップロードされているか確認
- ポップアップ設定で画像が正しく選択されているか確認
- ブラウザのキャッシュをクリア
パフォーマンス問題
問題: ポップアップの表示が遅い 解決策:
- 画像ファイルサイズを500KB以下に最適化
- WebP形式の使用を検討
- 不要な高解像度画像を削除
セキュリティとプライバシー
画像のセキュリティ
- アクセス制限: アップロードした画像は自社アカウントのみ閲覧可能
- SSL暗号化: 全ての画像転送はHTTPS経由で暗号化
- 定期バックアップ: 画像データは自動的にバックアップ
著作権について
- 使用許可: アップロードする画像の使用権限を確認
- 商用利用: 商用サイトでの使用許可があることを確認
- 第三者権利: 人物写真等は肖像権に注意
よくある質問（FAQ）
Q: 一度にアップロードできる画像数に制限はありますか？
A: 一度に最大20ファイルまでアップロード可能です。大量の画像がある場合は、複数回に分けてアップロードしてください。
Q: アップロードした画像を他のポップアップでも使用できますか？
A: はい、メディアライブラリの画像は全てのポップアップで共有して使用できます。
Q: 画像を削除すると、使用中のポップアップに影響しますか？
A: はい、削除した画像を使用しているポップアップでは画像が表示されなくなります。削除前に使用状況を確認してください。
Q: 外部URLの画像を直接使用できますか？
A: セキュリティとパフォーマンスの観点から、外部画像の直接リンクは推奨しません。ダウンロードしてDataPushにアップロードしてください。