Catégories

← View All Tools

Remplisseur d'Image Transparent

Ajoute un remplissage transparent aux images, parfait pour créer des icônes, logos et graphiques web avec espacement

Click to upload file or drag and drop file here

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

Téléchargez un fichier image (JPEG, PNG, WebP, TIFF, GIF, BMP)

Choisissez comment appliquer le remplissage transparent à l'image

Remplissage à ajouter sur tous les côtés en mode uniforme

Remplissage à ajouter au bord supérieur

Remplissage à ajouter au bord droit

Remplissage à ajouter au bord inférieur

Remplissage à ajouter au bord gauche

Choisissez le format de sortie (PNG ou WebP recommandé pour la transparence)

Qualité de sortie pour le format WebP. La compression PNG est optimisée par défaut

Points clés

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

Vue d’ensemble

Le Remplisseur d'Image Transparent est un outil en ligne simple et efficace conçu pour ajouter des marges transparentes autour de vos images, facilitant ainsi la création d'icônes, de logos et d'éléments graphiques parfaitement espacés pour le web.

Quand l’utiliser

  • •Pour ajouter un espace de respiration autour d'un logo avant de l'intégrer sur un site web.
  • •Pour uniformiser la taille d'un ensemble d'icônes en ajoutant des marges transparentes personnalisées.
  • •Pour préparer des images destinées à des interfaces utilisateur nécessitant un espacement spécifique autour des éléments visuels.

Comment ça marche

  • •Téléchargez votre fichier image (PNG, WebP, JPEG, etc.) dans l'outil.
  • •Sélectionnez le mode de remplissage : uniforme pour appliquer la même marge sur tous les côtés, ou individuel pour un contrôle précis.
  • •Ajustez les valeurs en pixels pour définir l'épaisseur du remplissage souhaité.
  • •Choisissez votre format de sortie (PNG ou WebP recommandés pour conserver la transparence) et lancez le traitement.

Cas d’usage

Préparation de logos pour une barre de navigation avec espacement intégré.
Normalisation de dimensions pour des galeries d'images ou des grilles d'icônes.
Création de zones de clic plus larges pour des boutons graphiques sans modifier l'image source.

Exemples

1. Uniformiser des icônes de réseaux sociaux

Designer Web
Contexte
Un designer possède une série d'icônes de tailles légèrement différentes qu'il doit aligner parfaitement dans un pied de page.
Problème
Les icônes n'ont pas le même espacement, ce qui rend l'alignement visuel désordonné.
Comment l’utiliser
Télécharger chaque icône, choisir le mode 'Uniforme' avec 20 pixels de marge, et exporter en PNG.
Configuration d’exemple
padMode: uniform, uniformPadding: 20, format: png
Résultat
Toutes les icônes possèdent désormais une zone transparente identique, permettant un alignement parfait sur le site.

2. Ajout de marge pour un logo

Développeur Front-end
Contexte
Le logo de l'entreprise est trop proche des bords de son conteneur dans l'en-tête du site.
Problème
Le logo manque d'espace de respiration sans modifier le fichier source original.
Comment l’utiliser
Utiliser le mode 'Côtés Individuels' pour ajouter 10px en haut et en bas, et 5px sur les côtés.
Configuration d’exemple
padMode: individual, topPadding: 10, bottomPadding: 10, leftPadding: 5, rightPadding: 5, format: webp
Résultat
Le logo est parfaitement centré avec l'espacement requis, prêt à être intégré sans CSS complexe.

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 Rust
Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format
title token image
image
Traitement d'Images macOS Objective-C - Exemples
Exemples traitement d'images macOS Objective-C incluant lecture/écriture images, redimensionnement images et conversion format
title token image
image
Exemples de Traitement d'Images Web Go
Exemples de traitement d'images Web Go 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 supportés ?

L'outil supporte les formats JPEG, PNG, WebP, TIFF, GIF et BMP.

Le format JPEG supporte-t-il la transparence ?

Non, le format JPEG ne gère pas la transparence. Si vous choisissez JPEG, le remplissage sera rempli avec une couleur unie par défaut.

Puis-je définir des marges différentes pour chaque côté ?

Oui, en sélectionnant le mode 'Côtés Individuels', vous pouvez configurer des valeurs distinctes pour le haut, le bas, la gauche et la droite.

Quelle est la limite de taille pour le téléchargement ?

La taille maximale autorisée pour chaque fichier image est de 20 Mo.

Le format PNG est-il recommandé ?

Oui, le PNG est idéal car il gère parfaitement le canal alpha, garantissant que vos marges restent totalement transparentes.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/image-pad-transparent

Paramètres de la requête

Nom du paramètre Type Requis Description
imageFile file (Téléchargement requis) Oui Téléchargez un fichier image (JPEG, PNG, WebP, TIFF, GIF, BMP)
padMode select Oui Choisissez comment appliquer le remplissage transparent à l'image
uniformPadding number Non Remplissage à ajouter sur tous les côtés en mode uniforme
topPadding number Non Remplissage à ajouter au bord supérieur
rightPadding number Non Remplissage à ajouter au bord droit
bottomPadding number Non Remplissage à ajouter au bord inférieur
leftPadding number Non Remplissage à ajouter au bord gauche
format select Non Choisissez le format de sortie (PNG ou WebP recommandé pour la transparence)
quality number Non Qualité de sortie pour le format WebP. La compression PNG est optimisée par défaut

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/image-pad-transparent 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-pad-transparent": {
      "name": "image-pad-transparent",
      "description": "Ajoute un remplissage transparent aux images, parfait pour créer des icônes, logos et graphiques web avec espacement",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-pad-transparent",
      "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]