Pour qui : designers et ops croissance qui livrent grilles de profil, carrousels teasing et lancements « neuf cases » en PNG nets depuis macOS. Il vous faut un master carré figé, des zones sûres (logos, visages) face au chrome in-app, des règles @2x / @3x, et un budget d’octets pour les neuf tuiles. Un Mac mini M4 distant stabilise exports, découpages ImageMagick/sips et QA manifeste.
Livrable : matrice, critères d’acceptation PM-ready, nommage, batch paramétré, FAQ alpha/ICC. Retina : SVG → PNG @2x/@3x ; couleur : sRGB / Display P3 ; automation : OpenClaw lots PNG réseaux.
Sommaire
Matrice plateformes 2026 (grille 9 & tuile unique)
Grille 9 = master carré 3×3 en PNG égaux. Le tableau donne tuile d’export, master et zone sûre par case (guides depuis le bord cellule). Référence 2026 organique — validez previews live et légal marque.
| Surface | Export tuile (L×H px) | Master 3×3 (L×H px) | Zone sûre (par cellule) | Règle @2x / @3x | Budget cumulé 9 tuiles (PNG) |
|---|---|---|---|---|---|
| Grille de profil Instagram (carré) | 1080×1080 | 3240×3240 | Typo héro & logos ≥ 90 px des bords de cellule ; éviter les visages sur la couronne externe ~8 % | Concevoir en @3×1080 (3240) pour la grille la plus nette ; master @2×1080 (2160) seulement si les ops upscalent avec une politique IA / sharpen documentée | ≤ 9,0 Mo au total pour les neuf cellules après passe sans perte (≈ 1,0 Mo/tuile) ; plafond dur 1,8 Mo par cellule sur comptes mobile-first |
| Carrousel Instagram (tuiles carrées) | 1080×1080 | 3240×3240 (même chaîne de découpe) | Réserver le haut ~11 % pour la pile UI (pseudo) sur la 1re tuile ; bas ~12 % pour le chevauchement légende en aperçu | Exporter les cellules finales en 1× 1080 pour l’upload ; le master reste @3× pour le détail | ≤ 10,5 Mo pour neuf images uploadées (un peu plus si la 1re porte des dégradés lourds) |
| Fil Facebook / Meta (lot 1:1) | 1080×1080 | 3240×3240 | Marge texte minimale 72 px sur le pourtour ; centrer le sujet pour tolérance au recadrage | Aligner le master sur Instagram ; réduire à 1080 avec Lanczos ou « Bicubique plus net » Photoshop une seule fois | ≤ 11 Mo pour le set 9 tuiles ; signaler toute cellule > 1,2 Mo avant boost payant |
| X (Twitter) grande carte compagnon | 1600×900 (16:9 seul) | — (pas de grille 9 carrée) | Texte critique dans un bloc centré 1200×680 sur le canevas 1600 | Concevoir @2× d’un logique 800×450 si vous couplez web + aperçu appli | N/A grille 9 ; plafond 5 Mo par PNG pour un décodage timeline rapide |
| Fil LinkedIn (visuel seul) | 1200×627 | — | UI bas / gauche : logo & CTA dans 1040×520 | Master 2400×1254 (@2×) puis export 1200×627 | ≤ 3,5 Mo par actif pour les flux exécutifs mobile |
| TikTok — still in-feed (style 9-up) | Tranches 1080×1920 verticales peu courantes ; réutiliser des cellules 1080×1080 dans une grille 3240×3240 seulement en cross-post | 3240×3240 si réemploi grille IG | Prévoir 150 px haut/bas UI ; ne jamais placer le légal dans le bas ~18 % | Privilégier des masters 1080×1920 natifs TikTok ; ne pas étirer des carrés | Si neuf carrés réutilisés : même budget 9 Mo ; les sets vertical-natifs suivent un autre tableau |
Colonne @2x/@3x : les uploads sont souvent en 1080 px de large ; le master doit rester aligné Retina — @3× ⇒ largeur 3240 px avant découpe. Un master @2× (2160 px) impose une politique de réduction documentée et une seule passe de netteté pour limiter les halos.
Décomposition des besoins et critères d’acceptation
Donnez aux PM et aux ops une checklist binaire : « terminé » signifie des fichiers mesurables, pas un avis subjectif sur le rendu.
- Géométrie : largeur et hauteur du master divisibles par 3 ; après découpe, cellules strictement identiques (pas d’erreur ±1 px due à un total impair).
- Couleur : sRGB IEC61966-2.1 embarqué sur chaque PNG sauf dérogation Display P3 signée marketing (rare pour le social en PNG).
- Alpha : décision binaire — soit tuiles opaques plein cadre, soit transparence documentée avec couleur de mat pour les réseaux qui aplatissent mal.
- Lisibilité du texte : hauteur de capitales minimale 42 px sur cellules 1080 pour le corps promo ; 60 px pour les mots héro après découpe.
- Seuils d’octets : selon la ligne du tableau ci-dessus ; en plus, rejeter une campagne 9 tuiles si des upscales disproportionnés gonflent les pixels décodés au-delà de 9×(1080×1080) sans justification produit.
- Traçabilité : une ligne de manifeste par cellule :
campaign_id,slice_index,preset_version,sha256,exported_at_utc.
Flux : master verrouillé → découpe auto → oxipng (ex. -o 4) → script dimensions/ICC/hash → upload ordre 0_0…2_2. Échec = pas d’upload, manifeste à régénérer.
Règles de découpe et gabarit de nommage
Indexation de la grille : les lignes croissent vers le bas, les colonnes de gauche à droite : r{row}c{col} avec r0c0 = coin haut-gauche. Cela suit la lecture naturelle d’une grille de profil et évite les débats sur « l’ordre Instagram inversé ».
Arithmétique de découpe : pour une largeur master W et une hauteur H, largeur de cellule = W/3, hauteur = H/3. N’utilisez la division entière que si W et H sont multiples de 3 ; sinon corrigez le master — ne répartissez pas silencieusement les pixels restants.
Gabarit de nom (regex, minuscules) :
{marque}_{campagne}_{yyyyMMdd}_grille3x3_r{row}c{col}_w{largeur}px_h{hauteur}px_srgb_v{preset}.png
preset— ex.figma_export_v3ouaffinity_photo_2_6; incrémentez quand le script de découpe ou la politique ICC change.- Suffixe optionnel
_nocroppour les masters d’archive et_uploadpour les finaux post-optimisation afin que les ops ne mélangent pas les chemins. - Ne renommez jamais à la main après QA ; régénérez et recalculez le hash.
Export par lot et contrôles de cohérence (Mac M4 distant)
Les grilles lourdes tournent mieux sur un Mac M4 distant (pas de veille/VPN qui cassent les jobs). Arborescence type : inbox/master/, out/slices/, out/opt/, logs/run-{timestamp}.jsonl.
ImageMagick 7 (découpe 3×3 égale) : à partir d’un PNG master déjà sRGB et multiple exact de 3 :
magick master.png -crop 3x3@ +repage +adjoin out/slices/cell_%d.pngRenommez les sorties avec votre script selon le gabarit ci-dessus ; %d énumère les tuiles dans l’ordre gauche-droite, haut-bas par défaut sous ImageMagick — vérifiez une fois par environnement.
Boucle d’audit rapide sips (macOS) : contrôlez pixels et présence de profil :
for f in out/opt/*.png; do
sips -g pixelWidth -g pixelHeight -g profile "$f"
doneCompression sans perte (exemple de paramètres) : oxipng -o 4 --strip safe out/opt/*.png après accord juridique sur les métadonnées — beaucoup de PNG sociaux peuvent retirer des chunks non critiques si la conformité l’autorise.
Scripts : dimensions homogènes, somme octets < budget, profil contient sRGB, optionnel pngcheck -v, diff bords vs. master (écart 1 px). Log JSONL.
FAQ : bords transparents et profils couleur
Les bords transparents du PNG vont-ils créer des coutures entre les cellules ?
Oui si l’alpha est aplati sur un fond inattendu ou si la compression crée une frange. Grilles 9 : préférez cellules opaques. Alpha obligatoire : test blanc / #111 / header marque ; matte 1 px ; ne coupez pas au milieu d’ombres douces.
Faut-il embarquer des profils ICC dans les PNG sociaux ?
Pour une prévisibilité cross-plateforme, embarquez sRGB et désactivez les exports « assigner le profil seulement » qui suppriment le chunk ICC. Certains optimiseurs retirent le profil — configurez-les pour le conserver ou réintégrez-le avec sips --embedProfile après optimisation si votre checklist l’exige. Pour les masters P3, convertissez en sRGB pour le social sauf pipeline P3 monitoré ; voir la checklist couleur liée en tête d’article.
Pourquoi ne pas concevoir directement en 1080 puis agrandir ?
Passer de 1080 à 3240 « pour la qualité » ajoute presque toujours halos et typo fragile. Concevez au master prévu, découpez une fois vers 1080, et laissez le CDN servir le fichier plus léger. Si les ads exigent des masters 4K, isolez-les dans un chemin d’archive distinct, sans les mélanger aux uploads organiques grille 9.
Louez de la puissance design Mac M4 distante pour vos grilles 9
Enchaînez découpages ImageMagick, passes oxipng et QA manifeste sur un nœud Mac mini M4 dédié — préréglages stables, SSD rapide, accès SSH/VNC depuis vos fuseaux. Parcourez les pages publiques du site (forfaits, tarifs, aide) sans connexion obligatoire, puis montez en charge quand les campagnes s’empilent.