Générateur d'image à dégradé linéaire en ligne

Fonctionnalités et utilisation concrète

Problème résolu

Vous avez besoin d'une image de fond avec un dégradé linéaire pour un en-tête de site, une bannière ou une publication sur les réseaux sociaux. Ce générateur produit un PNG directement dans votre navigateur, sans avoir à utiliser un logiciel de retouche d'image.

Exemple concret

Pour créer une bannière de 1200 × 630 pixels avec un dégradé allant du bleu (#3B82F6) au rose (#EC4899) en diagonale (angle 135°), laissez les valeurs par défaut et cliquez sur Générer. Le dégradé commence au point (0,0) et se termine approximativement au point (-848,53, 445,48) pour une échelle de 100 %. Le résultat est une image où la couleur bleue domine en haut à gauche et le rose en bas à droite.

Paramètres et limites

Le dégradé est défini par un vecteur partant de (0,0) avec une extrémité calculée selon la formule : (largeur × cos(angle) / échelle, hauteur × sin(angle) / échelle). L'angle est mesuré dans le repère du canevas, où l'axe y positif pointe vers le bas. L'échelle modifie la longueur du vecteur : à 200 %, la transition se termine plus tôt et le reste de l'image est rempli avec la couleur de fin (pas de répétition). Les dimensions sont limitées à 10 000 pixels par côté et à 24 millions de pixels au total ; si vous dépassez ce budget, les dimensions sont réduites proportionnellement.

Vérification rapide

• Vérifiez que les couleurs choisies sont celles que vous souhaitez.
• Assurez-vous que l'angle et l'échelle donnent l'effet désiré.
• Si vous utilisez la transparence, pensez à l'activer pour chaque couleur.
• Contrôlez la taille du canevas pour respecter le format de destination.

FAQ

Puis-je créer un dégradé avec plus de deux couleurs ?

Non, l'outil crée exactement deux arrêts de couleur (aux positions 0 et 1). Il n'y a pas d'option pour ajouter des couleurs intermédiaires, ni de mode de répétition, ni de sélecteur d'espace colorimétrique.

Que se passe-t-il si je mets une échelle de 200 % ?

Le vecteur de dégradé est deux fois plus court, donc la transition entre les deux couleurs se termine plus tôt. La zone restante du canevas est remplie avec la couleur de fin, sans répétition du motif.

L'image est-elle générée sur mon ordinateur ?

Oui, la génération est entièrement locale dans votre navigateur. Aucune image n'est téléversée sur un serveur.