Gardez un arrière-plan transparent lors de l'exportation PNG

Un actif transparent contient un canal alpha qui décrit quels pixels sont visibles. C’est différent d’une image d’un damier. Si vous avez téléchargé une capture d'écran montrant un damier derrière un logo, ces carrés peuvent être des pixels visibles ordinaires. Enregistrer cette capture d'écran sous PNG ne les supprimera pas. Ouvrez l'actif réel dans un éditeur et vérifiez que l'arrière-plan peut réellement apparaître.

Ce flux de travail est utile pour une découpe, un logo raster ou une superposition existante qui nécessite une version de livraison plus petite. Il ne peut pas identifier un sujet, effacer un fond ou remplacer un bord mal coupé. Effectuez d'abord ces modifications dans la conception originale. Conservez un modèle modifiable et exportez-en un PNG transparent, puis utilisez cette page lorsque vous avez besoin d'une taille de raster différente sans aplatir délibérément l'arrière-plan.

Le préréglage conserve les pixels d'origine, sélectionne PNG et désactive la netteté. PNG est la sortie ici qui préserve la transparence existante. Les exportations JPEG et WebP de cet outil utilisent un fond blanc opaque, ne les choisissez donc pas pour un élément qui doit fonctionner sur des couleurs de page différentes. Le curseur de qualité ne contrôle pas la compression sans perte de PNG.

Pour une copie plus petite, choisissez Ajuster à l'intérieur et entrez la case disponible. Cela préserve les proportions de la source sans couper les bords. La taille exacte des recadrages correspond à la forme choisie et peut supprimer une ombre ou une partie de la marque. Utilisez-la donc uniquement lorsque vous souhaitez ce recadrage. Évitez une limite d’octets inutile sur un actif principal. Atteindre un plafond serré peut nécessiter une réduction des pixels, ce qui peut rendre difficile la lecture d'un petit logo ou d'un contour étroit.

Affichez le PNG téléchargé sur des arrière-plans clairs et sombres. Une découpe peut contenir des pixels aux bords pâles provenant d’une modification antérieure sur fond blanc. La transparence peut être techniquement intacte alors que le halo semble toujours faux sur une partie sombre. De même, un logo sombre peut disparaître sur une page sombre alors même que l'export est correct. Résolvez ces problèmes de conception dans la source plutôt que de compresser à plusieurs reprises.

Vérifiez l'image à sa taille d'affichage réelle. Les ombres semi-transparentes et les traits étroits peuvent changer visuellement lorsqu'ils sont réduits, même avec la sortie PNG. Pour la publication Web, définissez les dimensions de l'élément et fournissez un texte alternatif utile lorsque l'image transmet des informations. Une superposition décorative peut nécessiter un traitement d'accessibilité différent de celui d'un logo d'entreprise lié. Téléchargez une exportation test et placez-la dans la mise en page réelle avant de traiter un groupe d'actifs correspondants. Votre source reste sur votre appareil tout au long de la conversion.

Essayez un logo sombre avec une ombre douce et un deuxième logo conçu pour un fond sombre. Placez les deux fichiers PNG téléchargés dans une section claire temporaire et une section sombre de votre mise en page. Regardez les traits étroits et la limite de l'ombre à la taille d'affichage prévue. Si une version devient invisible, sélectionnez la bonne variante source plutôt que de l'aplatir dans une couleur d'arrière-plan différente. Si un halo blanc apparaît, revisitez la découpe d'origine. Un fichier peut conserver son canal alpha tout en présentant une mauvaise correspondance visuelle pour une page particulière. Vérifiez les deux propriétés avant d'appliquer les paramètres partagés à toutes les variantes.