Passer du PSD au PNG n’est pas un simple changement de format : c’est le moment où la sémantique des calques, l’intent ICC et l’alpha droit croisent les délais ops. Ce guide s’adresse aux designers et responsables livraison qui doivent choisir une chaîne batch Mac 2026 — sips, ImageMagick ou une CLI dédiée — et prouver l’acceptation sur un worker Mac M4 distant stable. Vous y trouverez les points de vigilance à l’entrée PSD, un tableau comparatif (qualité, ICC, transparence, vitesse de lot), des règles d’arborescence et de nommage, une checklist d’acceptation avec seuils d’octets et politique sRGB / Display P3, une FAQ et des exemples de commandes prêtes à l’emploi.
Points de vigilance PSD en entrée (avant toute CLI)
Une ligne de commande ne rasterise que ce que le fichier contient réellement. Traitez chaque PSD comme un contrat entre design et automatisation.
- Visibilité des calques et compositions : groupes masqués, planches alternatives ou compositions non actives produisent des PNG « corrects » pour le script mais faux pour la maquette approuvée.
- Objets dynamiques et résolution : les SO liés ou intégrés peuvent se rasteriser à une résolution effective différente du canevas ; sans facteur d’échelle documenté, le lot paraît flou.
- Modes de fusion et réglages : selon le moteur, l’aplatissement ne se comporte pas de la même façon. Figez un triptyque témoin (UI plate, ombres denses, typo fin) et comparez les pixels après chaque montée de version d’outil.
- Dérive d’espace couleur : un document Display P3 n’est pas « sRGB » parce que l’extension est
.png. Alignez le vocabulaire avec votre checklist sRGB vs Display P3 pour éviter les rejets front. - Sémantique de l’alpha : masques, calques écrêtés et franges RGB semi-transparentes sous l’alpha n’apparaissent souvent qu’en mode sombre — à attraper en QA, pas en production.
Rappel sur sips : sips excelle pour le travail sensible au profil ICC sur des rasters que macOS lit bien (PNG, JPEG, TIFF, HEIC). Ce n’est pas un moteur universel de rendu PSD multicouche. Dans la plupart des studios, la partition honnête est : export depuis l’outil d’authoring (Photoshop, Affinity, ou ImageMagick avec lecteur PSD testé), puis normalisation sips lorsque la politique couleur l’impose.
Tableau comparatif : qualité, ICC, transparence, vitesse de lot
Utilisez ce tableau comme trace de décision d’équipe. Ici, « qualité » signifie fidélité à l’aplat approuvé, pas le goût artistique.
| Outil / filière | Lecture PSD / rôle | ICC & couleur | Transparence (alpha) | Vitesse de lot (typique) |
|---|---|---|---|---|
| Photoshop / Affinity (batch, actions, hooks DAM) | PSD natif ; meilleure fidélité sémantique | Assigner vs Convertir explicites ; incorporation sRGB selon policy | Alpha droit lorsque les réglages d’export suivent la spec web | Moyenne ; GUI ou script ; très prévisible pour la signature design |
ImageMagick (magick) |
Rasterise beaucoup de PSD ; vérifier calque [0] vs fusionné |
-colorspace sRGB, -profile avec prudence ; tester P3→sRGB |
Comparer PNG32: vs PNG24: ; franges sur #000 / #FFF |
Élevée sur M4 si I/O et RAM cohérents ; idéal pour milliers de slices |
| sips (macOS) | Post-traitement raster ; pas moteur PSD principal | Fort pour --matchTo / assignation de profil sur PNG |
Préserve l’alpha en aller-retour PNG ; attention redimensionnements involontaires | Très élevée par fichier ; idéal en deuxième étape |
CLI spécialisées (psd-tools, workers Sharp, Node/Python maison) |
Sélection de calques programmée ; exige batterie de tests | Vous implémentez la même politique ICC que le front | Très bon quand il faut une carte nom de calque → fichier | Dépend de l’implémentation ; réauditer après bump de dépendances |
Une fois les PNG produits, la politique de métadonnées, de chunk ICC et de recompression sans perte doit rester dans le même cahier des charges — voir métadonnées PNG, ICC/sRGB et recompression sans perte sur Mac M4 distant pour ne pas contredire l’intent couleur.
Exemples de commandes (à adapter)
Testez toujours d’abord sur le triptyque témoin ; ajustez chemins et profils selon votre dépôt.
ImageMagick — première page PSD aplatie vers PNG sRGB avec alpha :
magick "artboards/hero.psd[0]" -colorspace sRGB -strip "out/hero.png"
ImageMagick — largeur cible, ratio conservé :
magick "in/slice.psd[0]" -colorspace sRGB -resize 1200x -strip "out/slice-1200w.png"
sips — aligner le profil ICC sur des PNG déjà exportés :
sips --matchTo "/System/Library/ColorSync/Profiles/sRGB Profile.icc" out/*.png
sips — lire les dimensions (porte d’acceptation shell) :
sips -g pixelWidth -g pixelHeight -g format out/hero.png
Boucle zsh — traiter chaque PNG d’un dossier :
for f in out/*.png; do sips -s format png "$f" --out "${f%.png}.normalized.png"; done
Pour les très grands formats et files nocturnes, la même discipline d’hôte s’applique que dans le guide export 4K PNG par lot sur Mac M4 distant : baseline macOS figée, marge RAM/thermique documentée, veille désactivée pendant les jobs.
Arborescence et conventions de nommage sur Mac M4 distant
Un Mac distant n’est reproductible que si les dossiers se lisent comme un manifeste.
- Structure :
sources/psd/(remise en lecture seule),work/png-raw/(premier raster),dist/web-srgb/(validé),qa/previews/(captures navigateur ou recouvrement Figma datées),logs/(version d’outil + drapeaux par run). - Identifiants de run : par ex.
20260408T1030Z-im-v7.1.1/souswork/pour différencier les sorties après une mise à jour d’ImageMagick. - Jetons de nom de fichier :
{projet}-{écran}-{variante}-w{largeur}-srgb.png— ex.checkout-hero-light-w1440-srgb.png. N’ajoutez-p3que si le ticket autorise explicitement des masters wide-gamut dansdist/. - Manifeste : un
manifest.csvpar run :chemin_relatif,pxW,pxH,octets,intent_couleur,sha256,version_im.
Checklist d’acceptation : seuils de volume, sRGB & Display P3
Publiez ces critères dans le ticket ; un rejet doit citer une ligne du tableau, pas une impression.
| Contrôle | Règle indicative (à calibrer par produit) | Validation |
|---|---|---|
| Dimensions | Grille design ±0 px ; @2x/@3x documentés | sips -g pixelWidth conforme au spec |
| Plafond d’octets | ex. hero ≤ 800 Ko, icônes ≤ 120 Ko (web) ; plus strict mobile | wc -c sous le seuil ou ticket d’optimisation manuelle |
| Livraison sRGB | Conversion réelle, pas simple étiquetage ; policy d’embed alignée README | Contrôle profil + visuel sur écran sRGB de référence |
| Masters Display P3 | Uniquement dans sources/ ou dist/ étiqueté -p3 si autorisé |
Pas de double conversion accidentelle |
| Alpha | Alpha droit ; pas de halos sur #FFFFFF / #0B0B0B | Contrôle spot + échantillon aléatoire 1 % du lot |
FAQ
Q : Peut-on se passer de Photoshop et tout faire avec ImageMagick ?
A : Uniquement après tests de parité sur fichiers réels. IM peut ne pas reproduire toutes les compositions ; gardez Photoshop ou Affinity comme « cour d’appel » pour les modes de fusion délicats.
Q : Pourquoi les couleurs bougent encore après -colorspace sRGB ?
A : Profils manquants ou doubles, hypothèses CSS navigateur, ou masters encore en gamme étendue. Réappliquez la même politique ICC que celle documentée dans la checklist sRGB/P3 liée plus haut.
Q : sips --matchTo équivaut-il à « convertir en sRGB » dans Photoshop ?
A : Pas toujours pixel à pixel. Choisissez une étape de conversion faisant autorité (souvent l’authoring) et n’utilisez sips que pour l’alignement avec l’écrit policy.
Q : Le lot est rapide mais certains PNG explosent en taille — que faire ?
A : Séparez sans perte (oxipng) et palette avec perte (pngquant) ; documentez les SKU éligibles et réutilisez les plafonds du guide métadonnées lié plus haut.
Résumé
Les échecs naissent dans les interstices : mauvaise composition, ICC flou, alpha visible seulement en dark mode. Priorité à l’export authoring, puis ImageMagick pour le débit et sips pour le profil sur rasters. Verrouillez arborescence, ID de run et manifeste sur le M4 distant pour tracer la version d’outil qui a aplati chaque fichier.
Étapes suivantes : louer un Mac distant pour vos exports par lot
Déportez les longues files PSD→PNG vers un nœud Mac dédié pour garder les portables libres pour l’itération créative. Parcourez la page d’accueil MacPng, les forfaits de location et les tarifs, et consultez l’aide SSH/VNC — sans connexion — pour préparer l’accès au worker. Pour d’autres guides livraison design (PNG par lot, transparence, Figma/Sketch/Affinity), ouvrez le blog : tout le contenu est consultable librement.
Enchaînez vos lots PNG sur un hôte M4 stable
Même baseline macOS, règles ICC documentées et débit nocturne : idéal quand les exports ad hoc sur poste local ne suffisent plus.