600 000 PNG transparents à mettre en favoris pour votre prochain design

Vous collez un PNG dans votre projet. Il a l'air parfait sur votre toile blanche. Puis vous le déplacez sur un fond sombre ou une bannière colorée, et soudain, un vilain cadre blanc apparaît autour. Ce cadre n'est pas un bug. C'est le moment où vous réalisez que l'image n'a jamais été vraiment transparente, et c'est un problème qui touche tous les designers, blogueurs et créateurs de contenu sur les réseaux sociaux qui travaillent avec des graphismes. Comprendre la transparence alpha est la solution, et avoir accès à une bibliothèque d'images bien organisée rend cette solution facile à chaque fois.

Points clés à retenir :

• La transparence alpha stocke les données d'opacité pixel par pixel dans le fichier PNG lui-même.
• Une image sans transparence appropriée affiche toujours un rectangle blanc ou de couleur unie sur des fonds colorés.
• Le PNG est le format web de référence car il prend en charge des données de canal alpha complètes et sans perte.
• Une bibliothèque classée de 600 000 images élimine les incertitudes liées à la recherche du bon graphisme.
• Affiner par sujet ou thème transforme une recherche écrasante en un résultat utilisable en quelques secondes.

Ce qu'est réellement la transparence alpha

Chaque image numérique est composée de pixels, et chaque pixel contient des informations de couleur. Dans la plupart des formats, cela signifie des valeurs de rouge, vert et bleu, notées RVB. Un fichier PNG ajoute un quatrième canal à ce mélange : le canal alpha. Ce canal stocke l'opacité, un nombre allant de totalement transparent à totalement opaque, pour chaque pixel individuel.

Lorsqu'un designer ou un développeur parle d'un « PNG transparent », il veut dire que le fichier contient réellement ces données de canal alpha. Les pixels d'arrière-plan ont une valeur alpha de zéro, ce qui signifie qu'ils sont invisibles. Les pixels du sujet ont une valeur alpha de 255, ce qui signifie qu'ils sont totalement opaques. Les pixels situés sur les bords du sujet ont souvent des valeurs intermédiaires, ce qui crée des bords lisses et anti-aliasés au lieu de découpes dures et irrégulières.

Ce concept est formalisé dans l'alpha compositing, le processus mathématique que les logiciels graphiques et les navigateurs web utilisent pour fusionner correctement des images superposées. Lorsqu'un navigateur ou une application affiche un PNG transparent sur un fond coloré, il lit la valeur alpha de chaque pixel et calcule la quantité d'arrière-plan qui doit apparaître. Si les données alpha sont correctes dans votre fichier source, l'image se fond parfaitement sur n'importe quel fond, à chaque fois.

Le problème du cadre blanc, expliqué

Alors, pourquoi le cadre blanc apparaît-il ? L'image a été enregistrée sans canal alpha.

Cela arrive le plus souvent avec les JPEG. Le format JPEG ne prend pas du tout en charge la transparence. Lorsqu'un logiciel enregistre une image au format JPEG, il aplatit le calque de transparence sur un fond uni, généralement blanc. Le résultat semble correct sur une page blanche. Déplacez-le ailleurs, et vous voyez exactement la couleur qui a été remplie lors du processus d'enregistrement.

Même avec les fichiers PNG, le problème peut survenir. Si le fichier original a été créé ou exporté incorrectement, les zones « transparentes » peuvent en réalité être des pixels blancs avec une valeur alpha de 255, c'est-à-dire un blanc totalement opaque. Le fichier porte l'extension PNG, mais il ne contient aucune donnée de transparence réelle.

La partie frustrante est que vous ne pouvez pas toujours le dire en regardant une vignette. L'aperçu de l'image affiche le fichier sur un fond blanc par défaut dans la plupart des systèmes d'exploitation. Tout semble propre jusqu'à ce que vous placiez le graphisme quelque part qui n'est pas blanc. C'est à ce moment-là que vous réalisez que le problème existe, et généralement au pire moment possible de votre flux de travail.

Pourquoi le PNG est le bon format pour cela

Le PNG se distingue des autres formats d'image précisément grâce à sa prise en charge du canal alpha. Le format Portable Network Graphics a été conçu dès le départ comme une meilleure alternative au GIF pour une utilisation sur le web, et l'un de ses objectifs de conception fondamentaux était la compression sans perte avec une prise en charge complète de la transparence.

Les JPEG sont excellents pour les photographies. Ils compressent efficacement les dégradés de couleurs complexes. Mais ils sacrifient entièrement la transparence pour y parvenir. Le GIF prend en charge la transparence, mais uniquement comme un indicateur binaire activé/désactivé par pixel, sans bords lisses. Le WebP, le format plus récent de Google, prend en charge la transparence, mais son adoption est encore en croissance et la compatibilité peut être inégale selon l'endroit où vous publiez.

Pour les graphismes qui doivent se positionner proprement sur n'importe quel fond, des superpositions d'emoji aux photos de produits en passant par les illustrations décoratives, le PNG reste le choix le plus universellement fiable.

Choisir un format : la transparence en un coup d'œil

Format

Transparence

Qualité des bords

Taille du fichier

Meilleure utilisation

PNG

Canal alpha complet

Lisses, anti-aliasés

Moyenne

Graphismes, logos, superpositions

JPG

Aucune

Bords durs uniquement

Petite

Photographies

GIF

Binaire activé/désactivé

Irréguliers

Petite

Animations simples

WebP

Canal alpha complet

Lisses

Petite

Projets web modernes

Le PNG l'emporte en matière de transparence et de compatibilité. Pour tout graphisme nécessitant un placement propre et indépendant du fond, c'est le format qui fonctionne sans compromis.

Comment 600 000 PNG changent le flux de travail

Trouver des PNG transparents signifiait autrefois fouiller dans les banques d'images, gérer les filigranes ou supprimer manuellement les arrière-plans dans un logiciel de retouche d'image. Les outils de suppression d'arrière-plan se sont considérablement améliorés, mais ils ne sont pas infaillibles sur des sujets complexes. Les cheveux, la fourrure, le feuillage et les motifs complexes posent tous des problèmes aux outils automatisés. Les résultats nécessitent souvent un nettoyage, et le nettoyage prend du temps.

La meilleure approche consiste à partir d'une image qui intègre déjà une transparence alpha appropriée. C'est là qu'une bibliothèque vaste et organisée fait une réelle différence. Naviguer par sujet dans des catégories de PNG bien organisées met plus de 600 000 images transparentes à portée de main. Animaux, nourriture, technologie, nature, personnes, objets et des dizaines d'autres sujets ont chacun leur propre section. Vous n'avez pas besoin de taper une douzaine de variantes d'une requête de recherche. Vous naviguez vers le sujet qui correspond à votre projet et parcourez ce qui est disponible.

Cette approche basée sur les catégories est plus rapide que la recherche par mot-clé pour une raison précise : vous ne savez souvent pas exactement ce que vous voulez avant de le voir. Une recherche plate nécessite une requête précise. Une navigation par catégorie permet aux images disponibles de suggérer des possibilités auxquelles vous n'aviez pas pensé, et cela mène souvent à de meilleurs résultats créatifs que ceux que vous auriez trouvés avec un terme de recherche étroit.

Réduire un millier d'options à un thème

Même au sein d'une seule catégorie de sujet, vous pouvez être confronté à des centaines d'images. C'est là que la navigation par thème devient précieuse. Tous les PNG d'éléphant ne conviennent pas à un anniversaire d'enfant. Tous les graphismes de tasse de café ne fonctionnent pas pour un rapport d'entreprise. Le style, la palette de couleurs et l'ambiance sont tout aussi importants que le sujet.

Les collections de PNG triées vous permettent de filtrer par thème visuel plutôt que par sujet uniquement. Vous pouvez parcourir une collection aquarelle, une collection de dessins animés ou une collection de design plat minimaliste. Ce deuxième niveau de filtrage réduit les résultats de largement pertinents à réellement utilisables dans le contexte de votre projet spécifique.

Cette approche en deux étapes, d'abord le sujet puis le thème, est la façon dont les professionnels travaillent efficacement avec de grandes bibliothèques d'images. Elle reflète le flux de travail de toute banque d'images bien organisée, et c'est la raison pour laquelle l'organisation compte autant que le volume. Six cent mille images non organisées seraient inutiles. Six cent mille images organisées sont une ressource créative véritablement utile.

Ce que les images vraiment transparentes apportent à vos designs

Lorsque vous travaillez avec des images qui portent une véritable transparence alpha, plusieurs choses deviennent plus faciles dans l'ensemble.

• La superposition devient fiable. Placez l'image n'importe où et elle s'adapte à ce qui se trouve derrière, sans ajustement.
• Les fonds colorés s'ouvrent. Les modes sombres, les arrière-plans de marque et les mises en page avec dégradés fonctionnent tous sans modification du fichier source.
• La qualité des bords s'améliore. Les PNG correctement transparents contiennent des données d'anti-aliasage, de sorte que les bords sont lisses même en petite taille ou sur des écrans haute densité.
• L'édition est plus rapide. Vous sautez complètement l'étape de suppression d'arrière-plan, ce qui fait gagner un temps considérable sur les projets répétitifs.
• La réutilisation est simple. Un seul actif correctement transparent fonctionne sur plusieurs projets, fonds et formats sans nouvelle édition.

Ce dernier point est plus important qu'il n'y paraît. Un seul PNG transparent de haute qualité peut être utilisé dans une publication sur les réseaux sociaux, une diapositive de présentation, un en-tête de blog et une mise en page imprimée sans aucune modification. Lorsque l'actif est correct dès le départ, le travail en aval devient beaucoup plus facile.

Il manque ces éléments à votre bibliothèque de design

La décision de mettre en favoris une bibliothèque de 600 000 PNG transparents est en réalité une décision sur la façon dont vous voulez que votre flux de travail créatif se déroule. Soit vous passez du temps à rechercher des images, à vérifier si elles contiennent réellement de véritables canaux alpha, à supprimer les arrière-plans à la main et à chercher le bon style visuel, soit vous commencez avec une collection qui a déjà fait ce travail.

L'organisation par catégorie à cette échelle signifie que vous pouvez trouver un graphisme transparent pertinent pour presque n'importe quel projet en quelques minutes. La différence entre une bibliothèque de cinquante bonnes images et une bibliothèque de 600 000 images organisées n'est pas seulement une question de quantité. C'est la certitude que, quel que soit le sujet ou le style dont vous avez besoin, l'image que vous voulez est probablement déjà là, entièrement transparente et prête à être utilisée. Cela vaut la peine d'être mis en favoris avant le début de votre prochain projet, et non après avoir déjà passé un après-midi à supprimer des cadres blancs à la main.