visual-content

Par mkurman · zorai

Lorsque l'utilisateur souhaite planifier, créer ou réutiliser du contenu visuel (images, infographies, images pour publications sociales) sur différents canaux. À utiliser également lorsque l'utilisateur mentionne « images de contenu », « images pour réseaux sociaux », « infographie », « contenu visuel », « image de publication », « spécifications d'image », « réutilisation visuelle », « visuels de contenu » ou « image pour post social ». Pour Pinterest, utiliser pinterest-posts.

npx skills add https://github.com/mkurman/zorai --skill visual-content

2. Site web vs Réseaux sociaux vs Email

Contexte Priorité Compétence
Site web Texte alt, WebP, LCP, responsive, lazy loading image-optimization
Posts réseaux Dimensions plateforme, rapport d'aspect, taille fichier Platform skills (X, LinkedIn, Pinterest, etc.)
OG / Twitter Cards 1200×630, 1200×675 pour aperçus de lien open-graph, twitter-cards
Email Friendly en ligne; éviter images lourdes; alt pour bloqué email-marketing

3. Spécifications image plateforme (Réseaux)

Plateforme Image post Stories / Reels Profil Notes
X (Twitter) 1200×675 (16:9), 800×800 400×400 Voir twitter-x-posts
LinkedIn 1200×627, 1200×1200; carousel jusqu'à 20 400×400 Voir linkedin-posts; vertical préféré sur mobile
Pinterest 1000×1500 (2:3) 165×165 Texte alt ~25% plus d'impressions; voir pinterest-posts
Instagram 1080×1350 (4:5), 1080×1080 1080×1920 (9:16) 320×320 4:5 surpasse le carré en feed
Facebook 1200×630, 1080×1080 1080×1920 320×320
YouTube Thumbnail 1280×720 800×800

Général : 1080px de largeur fonctionne sur la plupart des plateformes; vertical (4:5, 9:16) surpasse le carré sur les feeds mobile-first. Garder éléments critiques (logo, texte) en centre sûr—les plateformes peuvent recadrer.


4. Repurposage visuel

Principe : Un visuel cœur → plusieurs recadrages/formats → plusieurs canaux.

Visuel cœur Adaptations Canaux
Infographie Complète (blog), sections recadrées (Instagram, carousel LinkedIn), carré (X) Blog, LinkedIn, Instagram, X
Graphique cas d'usage Hero (blog), diapo unique (LinkedIn), story (Instagram) Blog, LinkedIn, Instagram
Capture d'écran produit Hero (landing), post (X, LinkedIn), en-tête email Site web, réseaux, email
Graphique citation Carré (X, LinkedIn), 4:5 (Instagram) X, LinkedIn, Instagram

Workflow : Concevoir à la plus grande taille nécessaire; exporter recadrages spécifiques à plateforme. Utiliser couleurs cohérentes, polices, placement logo (voir brand-visual-generator).


5. Planification contenu visual-first

  • Planifier images en calendrier contenu : Ne pas ajouter visuels après coup; les visuels pilotent l'engagement
  • Grouper par thème : Créer visuels pour un cluster de sujet ou campagne ensemble pour cohérence
  • Colonne repurposage : En calendrier, noter quel élément cœur devient quel format visuel pour quel canal
  • Bibliothèque assets : Organiser par campagne/thème; tagger pour réutilisation

6. Notes spécifiques format

Infographies

  • Dimensions : 800–1200px largeur; hauteur variable selon contenu
  • Export : PNG pour web; PDF pour téléchargement
  • Repurposage : Découper en 3–5 diapositives pour carousel LinkedIn; stat unique pour X/Instagram

Images posts réseaux

  • Overlay texte : Garder minimal; nombreuses plateformes déprécie images text-heavy
  • Branding : Logo en coin; cohérent avec brand-visual-generator
  • Texte alt : Ajouter pour LinkedIn, Pinterest, X (accessibilité + SEO Pinterest); voir image-optimization pour bonnes pratiques alt

Images article / Blog

  • Hero : Souvent candidat LCP; optimiser per image-optimization
  • En-article : Soutenir récit; texte alt, légendes per image-optimization
  • Captures d'écran : Annoter quand utile; garder taille fichier basse

Format sortie

  • Plan visuel (quelles images pour quel contenu)
  • Spécifications par contexte (dimensions plateforme, format)
  • Carte repurposage (un visuel → plusieurs sorties)
  • Références aux compétences plateforme et image-optimization

Compétences liées

Contenu & Stratégie

  • content-marketing : Types contenu, formats, repurposage; contenu visuel fait partie du mix contenu
  • content-strategy : Clusters sujet SEO; visuels article
  • copywriting : Copy s'apparie avec visuels; titres pour posts images

Plateforme (Spécifications image)

  • twitter-x-posts : Spécifications image post X
  • linkedin-posts : Spécifications image LinkedIn
  • pinterest-posts : Dimensions Pin Pinterest, texte alt
  • reddit-posts : Contexte post image Reddit

Site web & SEO

  • image-optimization : Images web (alt, légendes, WebP, LCP, responsive); compétence centrale pour SEO image
  • open-graph, twitter-cards : Images aperçu lien
  • hero-generator : Visuels section hero

Autre

  • brand-visual-generator : Typographie, couleurs, ton imagerie; cohérence visuelle
  • video-marketing : Thumbnails vidéo; vidéo comme format visuel
  • video-optimization : SEO vidéo; VideoObject; sitemap vidéo; priorisation YouTube

Skills similaires