Catégories

← View All Tools

Superposition de Dégradé d'Image

Ajouter des effets de superposition de dégradé aux images avec des couleurs personnalisables, directions et modes de fusion

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Image pour appliquer une superposition de dégradé

Type de dégradé à appliquer

Couleur de départ du dégradé

Couleur de fin du dégradé

Direction du dégradé linéaire (0-360 degrés)

0 0.5 1

Opacité de la superposition de dégradé (0.0 à 1.0)

Comment fusionner le dégradé avec l'image

Format de sortie pour l'image résultante

Qualité de sortie pour les formats avec perte

Points clés

Catégorie
Design
Types d’entrée
file, select, color, number, range
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

L'outil de superposition de dégradé d'image vous permet d'appliquer instantanément des effets visuels professionnels à vos photos en combinant des couleurs personnalisées, des directions variées et des modes de fusion avancés.

Quand l’utiliser

  • •Pour améliorer la lisibilité du texte placé sur une image en ajoutant un dégradé sombre.
  • •Pour créer des visuels artistiques uniques en fusionnant des couleurs vives avec vos photos.
  • •Pour uniformiser une série d'images en leur appliquant une charte graphique cohérente.

Comment ça marche

  • •Importez votre fichier image dans l'interface.
  • •Sélectionnez le type de dégradé (linéaire, radial ou diamant) et choisissez vos couleurs de départ et de fin.
  • •Ajustez l'opacité, la direction et le mode de fusion pour obtenir le rendu souhaité.
  • •Téléchargez votre image finale dans le format de votre choix (PNG, JPEG, WebP ou AVIF).

Cas d’usage

Création de bannières web avec texte lisible sur fond dégradé.
Application de filtres colorés personnalisés pour les réseaux sociaux.
Préparation d'images pour des présentations professionnelles avec un style cohérent.

Exemples

1. Optimisation de bannière pour site web

Webdesigner
Contexte
Une image de fond trop claire rend le texte blanc illisible sur la page d'accueil.
Problème
Assombrir une partie de l'image pour faire ressortir le titre sans perdre les détails visuels.
Comment l’utiliser
Charger l'image, choisir un dégradé linéaire noir vers transparent, régler l'opacité à 0.6 et utiliser le mode 'Multiplier'.
Résultat
Le texte est parfaitement lisible tout en conservant l'esthétique de l'image originale.

2. Création d'un effet artistique pour Instagram

Community Manager
Contexte
Besoin de donner un aspect dynamique et coloré à une série de photos de produits.
Problème
Appliquer une teinte cohérente qui respecte la charte graphique de la marque.
Comment l’utiliser
Sélectionner un dégradé radial avec les couleurs de la marque, régler l'opacité à 0.4 et choisir le mode 'Lumière douce'.
Résultat
Une série d'images harmonisées avec un effet de profondeur colorée moderne.

Tester avec des échantillons

image, png, jpg
Exemples de Traitement d'Images Web Python
Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format
title token image
image
Exemples de Traitement d'Images Web TypeScript
Exemples de traitement d'images Web TypeScript incluant lecture/sauvegarde, redimensionnement et conversion de format
title token image
image
Exemples de Traitement d'Images Windows C++
Exemples de traitement d'images Windows C++ incluant lecture/sauvegarde d'images, redimensionnement et conversion de format utilisant Windows Imaging Component
title token image
image
Exemples de Traitement d'Images Web Rust
Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format
title token image
image

Hubs associés

Outils Image pour Convert
Découvrez 100 outils image pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Image
Découvrez 40 outils image pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Audio pour Convert
Découvrez 100 outils audio pour des workflows de convert et comparez rapidement des utilitaires proches.

FAQ

Quels formats d'image sont acceptés ?

L'outil prend en charge les formats JPEG, PNG, WebP, GIF, BMP et TIFF.

Puis-je contrôler l'intensité du dégradé ?

Oui, vous pouvez ajuster l'opacité du dégradé de 0.0 à 1.0 pour obtenir un effet subtil ou marqué.

Qu'est-ce que le mode de fusion ?

Le mode de fusion définit la manière dont les couleurs du dégradé interagissent avec les pixels de votre image originale (ex: multiplier, écran, superposition).

Puis-je modifier la direction du dégradé ?

Oui, pour les dégradés linéaires, vous pouvez définir un angle précis entre 0 et 360 degrés.

La qualité de l'image est-elle préservée ?

Vous pouvez ajuster le curseur de qualité de 1 à 100 pour optimiser le poids et la netteté de votre fichier de sortie.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/image-add-gradient

Paramètres de la requête

Nom du paramètre Type Requis Description
imageFile file (Téléchargement requis) Oui Image pour appliquer une superposition de dégradé
gradientType select Non Type de dégradé à appliquer
startColor color Non Couleur de départ du dégradé
endColor color Non Couleur de fin du dégradé
direction number Non Direction du dégradé linéaire (0-360 degrés)
opacity range Non Opacité de la superposition de dégradé (0.0 à 1.0)
blendMode select Non Comment fusionner le dégradé avec l'image
outputFormat select Non Format de sortie pour l'image résultante
quality number Non Qualité de sortie pour les formats avec perte

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/image-add-gradient pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-image-add-gradient": {
      "name": "image-add-gradient",
      "description": "Ajouter des effets de superposition de dégradé aux images avec des couleurs personnalisables, directions et modes de fusion",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-add-gradient",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]