PSD vers PNG : lorsque vous expédiez du RGBA, indiquez les bords alpha, l'intention du profil de couleur et ce que signifie réellement « fusion visible »
PNG s'adapte aux icônes, aux découpes et aux autocollants qui nécessitent un alpha propre : contrairement au JPEG, il évite les dommages en bloc sur les bords flous, mais les maîtres en couleur peuvent devenir volumineux et les pixels semi-transparents ont toujours un aspect différent en fonction des règles de composition du spectateur. Le PSD côté serveur vers PNG consiste en fait à « pixelliser le composite visible, puis à encoder » : il ne préserve pas le type en direct ni les vecteurs, de sorte que le PSD reste le maître et le PNG est le transfert. Notez si vous avez besoin d'un alpha complet, si les cibles sont sRGB et si l'illustration repose sur une interface utilisateur sombre ; sinon, la conception, le Web et le prépresse se disputeront sur le même fichier avec trois arrière-plans. Standardisez le contrôle qualité en tant que tapis clair + tapis sombre + le véritable arrière-plan CSS, et enregistrez les hachages afin que les débats reviennent à des preuves plutôt qu'à des captures d'écran.
Comment utiliser PSD en PNG en ligne : téléchargez le fichier signé, attendez la fusion des calques visibles, téléchargez, puis validez les bords transparents sur les tapis clairs et foncés avant de versionner l'élément.
- Gelez l'état de visibilité externe dans Photoshop : masquez les annotations et les calques de travail, assurez-vous qu'aucune plaque blanche ne bloque les zones qui doivent rester transparentes, confirmez la taille du plan de travail et les cibles @2x/@3x dans le brief, téléchargez et lisez la note visible par fusion de l'outil afin que personne ne s'attende à une sémantique en couches d'un PNG.
- Téléchargez et inspectez le canal alpha, puis composez le PNG sur du blanc, une surface très sombre et l'arrière-plan de la page en direct : zoomez sur les cheveux, les ombres et les traits fins pour obtenir des franges grises, des halos de couleur ou des crénelages ; en cas d'échec, corrigez les caches/découpages dans le PSD et réexécutez plutôt que de retoucher aveuglément le PNG.
- Livré avec un nom de fichier versionné, un espace colorimétrique d'enregistrement, une politique d'intégration ICC, un bord long et un approbateur ; si un CDN le sert, les URL d'empreinte digitale afin que « J'ai remplacé l'actif » n'entrent pas en collision avec les caches d'un mois.
FAQ PSD vers PNG (alpha, fusion visible et taille du fichier)
Les bords semblent gris sur fond noir mais bien sur fond blanc : la conversion est-elle interrompue ou la prémultiplication alpha et le contexte d'affichage ?
Les pixels anticrénelés semi-transparents interagissent avec la couleur d'arrière-plan ; si un côté assume un alpha droit et l’autre prémultiplié, vous obtenez la classique « frange gris mat foncé ». Validez sur l'arrière-plan réel du Web ou du moteur, documentez l'hypothèse de composition et ajustez les caches ou les options d'exportation dans Photoshop. Demander « une autre exportation PNG » sans modifier les calculs résout rarement le problème.
Photoshop « Exporter sous » et le résultat de la fusion en ligne diffèrent légèrement : que devons-nous vérifier avant de blâmer le service ?
Les différences proviennent souvent des piles de visibilité, des groupes de découpage, de la portée de réglage ou d'objets intelligents obsolètes, et non de l'encodeur PNG. Fusionnez localement le visible avec une couche de travail et comparez les retours sur investissement ; si la fusion locale n'est déjà pas d'accord avec Export As, corrigez le PSD au lieu de faire remonter le pipeline.
Les Hero PNG sont énormes et les factures CDN font mal : devrions-nous interdire le PNG sur tout le site, ou quand le PNG est-il toujours le bon commerce ?
Conservez le PNG là où vous avez besoin de découpes alpha lisses ou nettes ; attaquez la taille en limitant les bords longs, en quantifiant sur la palette lorsque l'art l'approuve, en divisant les arrière-plans des photos en JPEG/WebP/AVIF et en documentant quelles régions nécessitent réellement de l'alpha. Une interdiction générale crée plus de piratages qu’elle n’en économise d’octets.
Les petits caractères et les lignes fines semblent nets dans le gros PNG, mais flous après la mise à l'échelle du navigateur : devrions-nous corriger le PSD ou le CSS ?
Alignez-vous sur la grille de pixels pour la taille livrée, évitez les dimensions impaires et les décalages d'un demi-pixel, et convenez du « rendu de l'image » ainsi que des chemins de mise à l'échelle des nombres entiers — vérifiez à 1x et 2x. L'épaississement des traits uniquement dans le PNG sans corriger la mise à l'échelle de la mise en page échange généralement un artefact contre un autre.
Les clients disent que le PNG « n’a pas de calques » et ne peut pas modifier la copie. Comment définir les attentes avant le transfert ?
PNG est un transfert raster, pas une mise en page modifiable ; si l'édition a été promise, envoyez le PSD (ou la source convenue) avec et étiquetez les fichiers RASTER_FINAL par rapport à EDITABLE_MASTER. Précisez par écrit que le PSD vers PNG en ligne s'aplatit et non « exporte les sources du projet ».