Comment monter votre dégradé
L'outil fonctionne de deux manières, que vous choisissez avec les boutons du haut. Il s'ouvre sur appliquer sur mes images, avec la zone de dépôt prête : glissez une ou plusieurs photos — JPG, PNG, WEBP, GIF et BMP sont acceptés — et le dégradé est dessiné par-dessus chacune. Avec plus d'une photo chargée, des onglets portant le nom des fichiers apparaissent au-dessus de l'aperçu pour passer de l'une à l'autre. Sous le second bouton, créer un fond, vous n'envoyez rien : vous choisissez les couleurs, le type de dégradé et la taille, et l'image est générée sur le champ.
Le dégradé propose quatre types. Linéaire trace la transition en ligne droite, avec l'angle réglé par le curseur selon la même convention que le CSS, où 0 degré pointe vers le haut. Radial part du centre et s'étend en cercle. Conique fait tourner les couleurs autour du point central et produit cet effet d'éventail qu'on voit sur les fonds modernes. Aucun désactive le dégradé : sur vos photos, l'image passe intacte et ne reçoit que les finitions ; en mode création de fond, la première couleur devient un aplat. Les couleurs sont juste en dessous : chaque ligne a son sélecteur, un réglage de position en pourcentage et un bouton pour la retirer. Vous pouvez utiliser de deux à six arrêts de couleur, et le bouton d'ajout insère une nouvelle couleur entre celles qui existent. Si vous préférez partir de quelque chose de prêt, la grille de palettes propose douze combinaisons éprouvées, et le bouton de dégradé aléatoire tire de nouvelles couleurs et un nouvel angle à chaque clic.
Les six textures s'appliquent par-dessus le dégradé et leur intensité est réglable. Le grain argentique ajoute un grain monochrome : il ne fait varier que la luminosité des pixels et laisse la couleur tranquille, et c'est la solution de référence pour supprimer les bandes qui apparaissent sur les dégradés lisses. Le bruit de couleur fait l'inverse, il ne fait varier que la couleur et garde la luminosité intacte, ce qui donne l'aspect d'une photo prise à ISO élevé. Lignes trace des traits diagonaux et Points crée une trame régulière, tous deux utiles pour des fonds à motif graphique. Papier combine un grain doux avec un léger assombrissement des bords, à la manière d'un papier imprimé. À part des textures, il y a deux finitions. Le vignettage assombrit les quatre bords de façon progressive et ramène le regard au centre. Le dégradé latéral fait la même chose sur un seul côté — haut, bas, gauche ou droite — avec quatre types : assombrir pour recevoir du texte clair, éclaircir pour du texte foncé, utiliser la première couleur du dégradé, ou estomper le bord jusqu'au transparent. Les réglages de portée et d'intensité définissent jusqu'où la bande avance et quel poids elle a. Les deux s'appliquent en dernier, après tout le reste, donc ils se comportent pareil dans les deux modes et le mode de fusion ne les modifie pas.
En mode création de fond, choisissez l'une des six tailles prêtes — Full HD, carré, story, miniature, Open Graph ou fond d'écran — ou saisissez une largeur et une hauteur dans les champs personnalisés, jusqu'à 6000 px par côté. Le bloc de code CSS affiche la déclaration correspondant au dégradé en cours, et le bouton copie le tout dans le presse-papiers, prêt à coller dans votre feuille de styles. Enfin, choisissez PNG, JPG ou WEBP et téléchargez l'image ; en mode superposition avec plusieurs photos, le bouton tout télécharger vous livre le lot dans un seul fichier .zip.
Questions fréquentes
Les images que j'envoie sont-elles stockées quelque part ?
Non. Le dégradé est dessiné dans votre navigateur, et les images du mode superposition ne circulent jamais sur internet. Rien n'est enregistré sur un serveur.
Faut-il envoyer une image pour utiliser l'outil ?
Non. En mode création de fond, vous choisissez seulement les couleurs et la taille, et le fichier est généré aussitôt. L'envoi d'images ne sert qu'au mode superposition, où le dégradé est dessiné par-dessus vos propres photos.
Quelle différence entre télécharger l'image et copier le CSS ?
Le CSS génère le dégradé en direct dans le navigateur de vos visiteurs, sans aucun fichier à télécharger : c'est l'option la plus légère, à coût de bande passante nul, et elle est idéale pour des fonds de section et des boutons. Le PNG ou le JPG devient nécessaire quand la destination n'interprète pas le CSS : couverture de story, miniature de vidéo, diapositive ou fond d'écran. À retenir : la texture n'existe que dans l'image exportée, car les dégradés CSS n'ont pas de grain.
Quelle taille utiliser pour chaque réseau social ?
Les préréglages couvrent les cas les plus courants : 1080×1080 pour une publication carrée Instagram ou Facebook, 1080×1920 pour les stories et les Reels, 1280×720 pour une miniature YouTube, 1200×630 pour l'image Open Graph qui s'affiche sur WhatsApp et LinkedIn, 1920×1080 pour des diapositives et 2560×1440 pour un fond d'écran. Pour toute autre mesure, saisissez la largeur et la hauteur dans les champs personnalisés, jusqu'à 6000 px par côté.
À quoi sert le grain sur un dégradé ?
Les dégradés lisses sur des écrans 8 bits montrent souvent des bandes de couleur visibles, un défaut appelé banding, et c'est d'autant plus marqué que les deux couleurs sont proches. Une couche légère de grain entre 20 % et 40 % casse ces bandes et fait lire la transition comme continue. En plus, le grain apporte cette finition d'imprimé devenue courante en identité de marque et sur les couvertures de projet.
Comment poser un dégradé sur une photo sans effacer ce qu'on y voit ?
Choisissez le mode superposition et commencez avec une opacité entre 40 % et 60 %. Les modes de fusion changent beaucoup le résultat : produit assombrit et convient pour poser du texte clair par-dessus, superposition claire éclaircit, et couleur teinte la photo en conservant son contraste d'origine — c'est le mode qui préserve le plus de détail. Pour une couverture avec un titre, un dégradé sombre en mode produit sur le bas garde le texte lisible sans masquer l'image.
Puis-je n'utiliser que la texture ou le vignettage, sans dégradé ?
Oui. Choisissez Aucun dans la première option, le type de dégradé. Sur vos photos, l'image passe intacte et ne reçoit que ce que vous activez ensuite — grain, vignettage ou dégradé latéral — ce qui rend l'outil pratique pour donner une finition argentique à une photo sans toucher à ses couleurs. En mode création de fond, Aucun utilise la première couleur en aplat, utile pour générer une couleur unie avec du grain.
Quelle différence entre grain argentique et bruit de couleur ?
Les deux répartissent une variation aléatoire sur les pixels, mais selon des axes opposés. Le grain argentique ne modifie que la luminosité et laisse la couleur intacte, reproduisant le grain photographique : c'est lui qui casse les bandes visibles des dégradés lisses. Le bruit de couleur fait l'inverse, il ne modifie que la couleur et garde la luminosité intacte, produisant des points colorés proches d'une photo prise à ISO élevé. En pratique : le grain comme finition et pour corriger le banding, le bruit de couleur pour un rendu argentique ou d'écran ancien.
À quoi sert le vignettage et quelle intensité choisir ?
Le vignettage assombrit les bords de façon progressive et pousse l'attention vers le centre de l'image : un procédé classique en photographie et sur les couvertures de vidéo, où un visage ou un produit doit rivaliser avec le fond. Entre 30 % et 50 % l'effet est subtil et passe inaperçu, ce qui est généralement l'idéal ; au-delà de 70 % il devient évident et prend un ton dramatique. Comme le vignettage est dessiné en dernier, après le dégradé, le mode de fusion choisi n'a aucune incidence sur lui.
Comment assombrir seulement le bas d'une photo pour poser un titre ?
Activez le dégradé latéral et choisissez le bord du côté où le texte va se placer, en laissant le type sur assombrir. La valeur par défaut est la gauche, qui couvre le cas le plus courant d'une bannière avec titre à gauche et image à droite ; pour une couverture de vidéo, avec le titre en bas, passez sur le bord inférieur. Une portée entre 35 % et 50 % avec une intensité autour de 75 % donne au texte blanc assez de contraste sans masquer le sujet.
Puis-je appliquer le même dégradé à plusieurs photos ?
Oui. En mode superposition, envoyez autant d'images que vous voulez : les mêmes couleurs, texture, opacité et fusion s'appliquent à toutes, et le téléchargement en .zip vous livre le lot entier. C'est la voie la plus rapide pour homogénéiser des couvertures de blog ou des miniatures de chaîne.