Guide de vignette d'image

Lorsque vous prenez une photo, le capteur enregistre tout dans le cadre avec la même priorité. Cela conduit souvent à des éléments distrayants près des bords.

Lorsque vous prenez une photo, le capteur enregistre tout dans le cadre avec la même priorité. Cela conduit souvent à des éléments distrayants près des bords — comme une branche isolée, un lampadaire lumineux ou une surface très réfléchissante — qui détournent le regard du spectateur de votre sujet principal.

Ce dont vous avez besoin

Pour appliquer une vignette à vos images, vous n'avez pas besoin de logiciel de conception graphique complexe ou d'une formation approfondie.

Un fichier image compatible : L'outil prend en charge les formats raster web standard, spécifiquement JPG, JPEG, PNG et WEBP. * Un navigateur web moderne : Tout navigateur mis à jour sur votre ordinateur ou appareil mobile fonctionnera pour télécharger et traiter votre fichier. Prise en charge de WebAssembly : Votre navigateur charge le module WebAssembly libvips pour tout traiter localement.

Un fichier respectant la limite de taille : Le fichier source ne doit pas dépasser la limite prise en charge de 20 Mo.

La limite de 20 Mo est strictement appliquée. Les fichiers dépassant cette limite ne seront pas traités et échoueront. De plus, les formats vectoriels comme SVG ou les formats RAW (tels que CR2 ou NEF) ne sont pas pris en charge directement.

Vous devez convertir ces formats bruts en un format raster standard comme PNG ou JPG avant de tenter d'appliquer la vignette.

Appliquer une vignette

Lancez votre navigateur et accédez à l'interface de l'outil Image Vignette. Localisez le fichier image sur votre appareil. Assurez-vous qu'il est dans un format pris en charge (JPG, JPEG, PNG ou WEBP) et que sa taille ne dépasse pas 20 Mo.

Cliquez sur la zone de téléchargement pour parcourir vos dossiers locaux, ou faites glisser votre fichier directement dans la fenêtre du navigateur. * *Rayon* : Ajustez ce contrôle pour déterminer jusqu'où la vignette s'étend vers le centre de votre image. Un rayon plus petit confine la vignette aux coins extérieurs, tandis qu'un rayon plus grand rapproche l'obscurité du centre.

* *Intensité* : Modifiez la force de l'effet d'assombrissement. Une intensité élevée rend les bords nettement plus sombres, tandis qu'une faible intensité rend l'effet subtil. * *Adoucissement (Feathering)* : Ce réglage contrôle la douceur du dégradé de transition.

Des valeurs élevées créent un mélange progressif et imperceptible du clair au sombre. Des valeurs faibles produisent une bordure nette et marquée. Cliquez sur le bouton pour lancer la conversion via libvips.

libvips appliquera les ajustements mathématiques à la grille de pixels de votre fichier. Une fois le traitement terminé, cliquez sur le bouton de téléchargement pour enregistrer l'image nouvellement stylisée sur votre stockage local.

Comment ça fonctionne

libvips traite votre image en effectuant des calculs de coordonnées directement au niveau des pixels. Il ne se contente pas de superposer un modèle d'image sombre statique sur votre fichier. Au lieu de cela, il analyse dynamiquement les dimensions de l'image téléchargée pour trouver le point central géométrique exact.

Une fois que libvips établit les coordonnées centrales, il calcule la distance entre ce point central et chaque pixel individuel de la grille de l'image. libvips utilise une fonction de décroissance mathématique pour déterminer à quel point assombrir chaque pixel. Pour les pixels situés dans le rayon intérieur désigné, le multiplicateur d'échelle est de 1,0, ce qui signifie que les couleurs d'origine restent totalement intactes.

À mesure que la distance par rapport au centre augmente au-delà du seuil de rayon, libvips applique la formule d'adoucissement. Cette formule réduit progressivement les valeurs des canaux de couleur rouge, vert et bleu (RVB) de chaque pixel. Plus un pixel est éloigné du centre, plus ses valeurs RVB sont réduites vers le noir.

Pour les fichiers PNG contenant de la transparence, libvips doit gérer le canal alpha avec précaution. Il applique le facteur d'assombrissement uniquement aux canaux de couleur RVB tout en conservant le canal de transparence intact, garantissant que les arrière-plans transparents ne se transforment pas en blocs noirs opaques. Une fois ces ajustements mathématiques appliqués à toute la grille de pixels, libvips reconditionne les données de pixels modifiées dans le format de sortie choisi (JPG, JPEG, PNG ou WEBP) pour que vous puissiez les télécharger.

En cas de problème

Si votre fichier ne parvient pas à se télécharger, la raison la plus courante est que la taille du fichier dépasse la limite de 20 Mo. Lorsqu'un fichier est trop volumineux, le navigateur ou libvips met fin à la connexion. Pour résoudre ce problème, vérifiez les propriétés du fichier et réduisez les dimensions de votre image avant de la télécharger.

Un autre problème courant est la postérisation (color banding), où la vignette ressemble à une série d'anneaux distincts et bloqués au lieu d'un dégradé lisse. Cela se produit parce que le fichier source a une faible profondeur de couleur ou a été fortement compressé par le passé. Lorsque libvips tente de calculer des transitions fluides sur une image avec des données de couleur limitées, il manque de nuances intermédiaires, ce qui entraîne des "marches" visibles.

Pour éviter cela, téléchargez toujours des fichiers sources de haute qualité et non compressés.

Si votre sujet apparaît sombre et obscurci, le problème réside dans la composition de l'image. libvips calcule la vignette à partir du centre géométrique absolu du cadre. Si votre sujet est décentré (comme dans une composition selon la règle des tiers), une large vignette le recouvrira et l'assombrira.

Pour résoudre ce problème, recadrez votre image pour placer votre sujet plus près du centre avant le traitement, ou utilisez un rayon de vignette plus petit avec une valeur d'adoucissement élevée.

### Pourquoi mon image traitée présente-t-elle des anneaux concentriques distincts au lieu d'un dégradé sombre lisse ? Cette erreur visuelle est connue sous le nom de postérisation. Elle se produit lorsque votre fichier source contient des données de couleur fortement compressées.

libvips n'a pas assez de profondeur de couleur pour rendre la transition fluide du clair au sombre, ce qui l'oblige à regrouper des nuances similaires en bandes visibles. Utilisez un fichier source de haute qualité et non compressé pour corriger cela. ### Pourquoi le téléchargement a-t-il échoué lorsque j'ai essayé de traiter ma photo haute résolution ?

Le téléchargement a échoué car votre fichier dépasse la limite prise en charge de 20 Mo. libvips applique cette limite. Les fichiers dépassant la taille prise en charge ne seront pas traités.

Vous devez réduire les dimensions de l'image ou l'enregistrer dans un format plus efficace avant de la télécharger. ### Pourquoi la vignette assombrit-elle le sujet principal de ma photo ? libvips calcule la vignette en partant du centre géométrique absolu de l'image.

Si votre sujet est cadré de manière décentrée, l'effet d'assombrissement s'étendra naturellement sur lui. Recadrez votre image pour centrer votre sujet avant de le télécharger dans l'outil.



Frequently Asked Questions

Q: Comment fonctionne Image Vignette ?

Image Vignette traite les fichiers entièrement dans votre navigateur en utilisant WebAssembly. Vos fichiers ne quittent jamais votre appareil.

Q: Image Vignette est-il gratuit ?

Oui, Image Vignette est entièrement gratuit, sans inscription ni compte requis.