Générateur d'image à dégradé radial en ligne

Fonctionnalités et utilisation concrète

Cet outil génère une image PNG avec un dégradé radial. Par exemple, pour créer une bannière de 1200 × 630 pixels avec un centre bleu (#3B82F6) et un bord rose (#EC4899), laissez les valeurs par défaut : le centre est à (600, 315) et le rayon extérieur est d'environ 677,66 pixels, ce qui couvre les coins. Si vous souhaitez un dégradé plus serré, augmentez l'échelle à 200 % : le rayon devient environ 338,83 pixels.

Paramètres disponibles

• Couleurs : couleur du centre et couleur du bord.
• Dimensions : largeur et hauteur (1 à 10000 pixels, avec un budget maximal de 24 millions de pixels).
• Centre : position horizontale et verticale en pourcentage (0 à 100).
• Échelle : de 1 à 500 %.
• Transparence : option pour activer la transparence aux extrémités, avec un pourcentage pour chaque extrémité (0 à 100).

Exemple concret

Supposons que vous vouliez une image carrée de 800 × 800 pixels avec un centre à 25 % horizontal et 75 % vertical, une échelle de 150 %, et une transparence de 30 % au centre et 0 % au bord. L'outil calculera le rayon comme hypot(800,800)/(2*1.5) ≈ 377,12 pixels. Le centre sera placé à (200, 600). Les zones au-delà du cercle utiliseront la couleur du bord (non transparente).

Limites connues

Le dégradé est strictement circulaire : il n'y a pas de mode elliptique, ni de point focal décalé, ni de points de couleur supplémentaires. La transparence est appliquée en convertissant le pourcentage en alpha (par exemple, 25 % devient alpha 0,75). Les grandes dimensions demandées sont réduites proportionnellement pour respecter le budget de pixels.

FAQ

Puis-je obtenir un dégradé elliptique ?

Non, l'outil ne génère que des dégradés circulaires. Le rayon est calculé à partir de la diagonale de l'image et de l'échelle.

Que se passe-t-il si je mets le centre à 0 %, 0 % ?

Le centre est placé en haut à gauche de l'image, et non pas recentré à 50 %. Cela peut être utile pour créer des dégradés asymétriques.

Comment la transparence est-elle gérée ?

Si vous activez la transparence, chaque extrémité a un pourcentage de transparence. Par exemple, 25 % de transparence correspond à une opacité de 75 % (alpha 0,75). Le fichier PNG conserve cette transparence.