Créer une image vide, blanche ou transparente

L’usage le plus classique est l’image de substitution dans une maquette. Une mise en page, une présentation ou un modèle de site a besoin de quelque chose à la place de la future photo, et un rectangle gris portant ses dimensions indique à tous la taille attendue. Les développeurs s’en servent aussi comme images de test : une taille et une couleur connues montrent tout de suite si une page redimensionne, recadre ou compresse correctement une image.

Le fond uni forme l’autre grande famille. Une image de couleur unie sert de fond propre pour une citation ou une annonce sur les réseaux sociaux, de fond d’écran minimaliste pour un téléphone ou un ordinateur, ou de décor pour un produit détouré avec l’outil de suppression d’arrière-plan. Dans l’outil pour fusionner des images, une toile vierge ajoutée en premier en mode Superposer sert d’arrière-plan aux autres photos.

L’image transparente a ses propres usages : point de départ d’un logo ou d’un sticker, calque vide sur lequel dessiner, ou espaceur qui occupe une place dans un e-mail ou une ancienne mise en page sans rien afficher. La plus petite d’entre elles, l’image de 1 × 1 pixel, sert encore d’espaceur et de pixel de suivi dans les e-mails.

Reste l’impression : une page A4 blanche à 300 DPI pour un formulaire à imprimer, une feuille de fond colorée ou un support pour composer une carte dans un autre logiciel. Comme la résolution est enregistrée dans le fichier, l’image garde sa taille physique une fois placée dans un document.

Les formats Écran reprennent les définitions d’affichage courantes : Full HD en 1920 × 1080, QHD en 2560 × 1440 et 4K Ultra HD en 3840 × 2160, toutes au ratio 16:9. Le fond d’écran iPhone mesure 1179 × 2556, la définition de l’écran 6,1 pouces des iPhone 15 et 16 selon les fiches techniques d’Apple ; les autres téléphones diffèrent, alors saisissez la définition de votre écran si vous la connaissez.

Les formats Réseaux sociaux utilisent des tailles courantes : 1080 × 1080 pour une publication carrée, 1080 × 1350 pour un portrait au ratio 4:5, 1080 × 1920 pour une story ou un Reel en 9:16 et 1200 × 630 pour l’image qui accompagne un lien partagé. 1280 × 720 est la résolution que l’aide de YouTube recommande pour une miniature personnalisée. Les plateformes modifient parfois leurs mises en page : vérifiez leurs consignes du moment si la taille exacte compte.

Le ratio, ou rapport largeur/hauteur, décrit la forme de l’image. Conserver les proportions garde cette forme quand vous modifiez un côté : une image de 1920 × 1080 devient 1280 × 720 si vous tapez la nouvelle largeur. Le bouton d’inversion passe d’un format paysage au format portrait correspondant, et inversement.

Les pixels déterminent la quantité de détails que peut contenir une image ; les DPI (points par pouce, aussi appelés PPP ou PPI) indiquent seulement à quelle taille l’imprimer. Une image de 2480 × 3508 pixels à 300 DPI s’imprime en A4, soit 21 × 29,7 cm, alors que les mêmes pixels à 150 DPI donneraient une feuille deux fois plus large et deux fois plus haute. Le DPI ne change jamais les pixels et les écrans l’ignorent. Avec Format d’impression, l’outil convertit le format papier en pixels et inscrit la résolution dans les fichiers PNG et JPG, ce que vous pouvez vérifier avec l’outil DPI.

Le blanc est sélectionné par défaut et c’est le choix le plus fréquent : une image blanche pour un document, un fond blanc pour une photo de produit ou une page vierge à imprimer. Le noir convient aux écrans, aux fonds d’écran sombres et aux images de vidéo. Toute autre couleur se règle avec le sélecteur, les pastilles ou un code hexadécimal.

Transparent signifie que les pixels n’ont aucune couleur. L’image garde sa taille, mais ce qui se trouve derrière apparaît à travers ; l’aperçu affiche donc un damier à cet endroit. Ce damier est la façon dont les logiciels représentent la transparence, il n’est pas enregistré dans le fichier. Une visionneuse basique peut afficher du blanc ou du noir à la place, car elle remplit la zone vide avec son propre fond.

L’opacité se situe entre les deux. À 100 %, la couleur est pleine ; à 50 %, elle laisse voir à moitié ce qui est dessous, ce qui donne un voile coloré qui assombrit ou teinte l’image placée en dessous. L’opacité fonctionne en PNG et en WebP. Le JPG n’a pas de couche alpha : il est toujours entièrement opaque, et une image transparente y est enregistrée en blanc.

Pour rendre transparent le fond d’une image existante plutôt que de partir de zéro, utilisez l’outil fond transparent ou la suppression d’arrière-plan.

Le PNG est presque toujours le meilleur choix pour une image vide. Il est sans perte, la couleur choisie est donc exactement celle enregistrée ; il gère la transparence et l’opacité ; et un PNG uni est minuscule : une image blanche de 1920 × 1080 créée ici pèse environ 350 octets, une image 4K environ 1 Ko. Sans texte, l’outil l’écrit en PNG à palette d’une seule couleur, d’où ce poids plume.

Le JPG compresse avec perte et ignore la transparence. Une couleur unie peut revenir décalée d’un ou deux niveaux sur un canal : invisible à l’œil, mais gênant quand il faut la couleur exacte d’une charte graphique. Ne choisissez le JPG que si un site ou un formulaire n’accepte rien d’autre ; le curseur de qualité change très peu de chose sur un aplat.

Le WebP garde la transparence et s’ouvre dans les navigateurs actuels et la plupart des applications, même si certains logiciels anciens le refusent encore. Comme le JPG, il peut légèrement décaler une couleur unie. Tous les navigateurs ne savent pas enregistrer du WebP depuis une page web ; si c’est le cas du vôtre, l’outil vous le signale, et le PNG fonctionne partout.

Si vous avez déjà une image dans un autre format et qu’il vous la faut en PNG, convertissez-la en PNG. Une image vide n’a guère besoin d’être compressée, mais un JPG ou un WebP avec du texte peut être allégé avec l’outil pour compresser une image.

Le code hexadécimal est la façon d’écrire une couleur à l’écran en six caractères : #ffffff pour le blanc, #000000 pour le noir, #1e90ff pour un bleu vif. La première paire de chiffres correspond au rouge, la deuxième au vert et la troisième au bleu, chacune de 00 à ff. Le champ Code hexadécimal accepte le code avec ou sans #, et aussi sous sa forme courte à trois chiffres : #fff équivaut à #ffffff et 36c à #3366cc.

Le RVB (RGB en anglais) écrit la même couleur avec trois nombres de 0 à 255 : #1e90ff donne RVB 30, 144, 255. L’indication sous le champ affiche les valeurs RVB de la couleur en cours, pratique quand une charte donne une notation et qu’un logiciel demande l’autre.

Le sélecteur de couleur permet de choisir à l’œil. Sur ordinateur, certains navigateurs y ajoutent une pipette qui prélève une couleur n’importe où à l’écran, utile pour reprendre la teinte d’un logo ou d’un site. Les pastilles donnent en un clic le blanc, le noir, le transparent, le gris clair, le crème, l’ardoise et le bleu marine.

Pour respecter une couleur de marque, collez son code hexadécimal plutôt que de la choisir à l’œil, et enregistrez en PNG pour que le fichier conserve cette valeur exacte. Si la charte ne donne que du RVB, convertissez chaque nombre en deux chiffres hexadécimaux, ou choisissez la couleur et comparez l’indication RVB.

Pour garder un fichier léger, laissez le texte désactivé et enregistrez en PNG : un PNG uni reste sous quelques kilo-octets, même en 4K. Le texte ajoute de vrais détails, donc une image avec texte pèse davantage, et un JPG de même taille encore plus en général.

Pour une image de 1 × 1 pixel, choisissez le format 1 × 1, puis Blanc, Transparent ou une couleur, et enregistrez en PNG. Le fichier pèse moins de 100 octets. Transparent, c’est l’espaceur classique ; coloré, une page web ou une appli peut l’étirer en un aplat de cette couleur.

Pour contrôler le résultat, ouvrez le fichier avec l’outil pour connaître la taille d’une image : il affiche les dimensions en pixels, le poids et la résolution enregistrée. Pour adapter une photo existante à l’une de ces tailles, redimensionnez-la ou passez-la directement en 1920 × 1080.