# Visuels marketplace (thèmes & plugins) — bonnes pratiques

## Dimensions exactes (recommandé)

L’admin affiche la vignette **à la taille réelle du fichier** (largeur 100 % de la carte, hauteur suivant le ratio du PNG) : **pas de bande** en bas ou sur les côtés.

Pour que **toutes les cartes aient la même hauteur de bannière**, exporte **le même ratio** pour chaque fichier.

| Priorité | Largeur × hauteur (px) | Ratio | Remarque |
|----------|------------------------|-------|----------|
| **Recommandé** | **1200 × 800** | 3:2 | Qualité Retina / marketing |
| Léger | **900 × 600** | 3:2 | Bon compromis poids |
| Minimum OK | **600 × 400** | 3:2 | Vignette plus petite |
| Cohérent 3:2 | **800 × 533** | 3:2 | `800 ÷ 533 ≈ 1,501` (éviter 800×446 etc.) |

**Règle :** `largeur / hauteur = 1,5` exactement (ex. `hauteur = largeur ÷ 1,5`).

Exemples valides : 1500×1000, 960×640, 750×500.  
Exemple à éviter si tu veux des cartes homogènes : 800×446 ou 16:9 seul sans recadrage 3:2.

- **Format** : PNG ou WebP.
- **Poids** : cible **&lt; 200 Ko** (TinyPNG / Squoosh) pour un admin rapide.
- **Fichier dans le projet** : `public/plugins/{slug}/marketplace-preview.png` (ou `public/themes/{slug}/marketplace-preview.png`) puis dans `marketplace_catalog.php` :  
  `'screenshot' => 'plugins/{slug}/marketplace-preview.png'`  
  (le CMS résout l’URL via `asset()`.)

## Ce qui donne envie d’acheter

1. **Une promesse en une ligne** : ce que le plugin *fait* pour le client (pas le nom seul).
2. **Un faux aperçu UI** : bouton, carte, icône — même stylisé, ça rassure.
3. **Couleur d’accent** propre à chaque plugin + fond cohérent avec ta marque (GCMS / GdevStudio).
4. **Peu de texte** : titre court + 3–5 mots ou une icône forte.
5. **Même “famille” visuelle** pour tous les plugins = marketplace plus pro.

## Outils (sans designer)

- **Canva** : personnaliser la taille en **1200 × 800 px**, export PNG.
- **Figma** : frame **1200 × 800** (ou 3:2), dupliquer par plugin.
- **Screenshots réels** : recadrer en 3:2 avant export.

## Checklist avant publication

- [ ] Lisible en **petit** (vignette liste marketplace).
- [ ] Pas de texte illisible &lt; 12 px équivalent une fois réduit.
- [ ] Pas de logo tiers trop dominant (Stripe, Google…) si droits d’usage pas clairs.

---

*Astuce : demander à l’assistant une consigne du type : « carte marketplace **1200×800**, ratio 3:2, style premium, plugin X ».*
