Filtres photo

Comment appliquer un filtre à une photo

1. Déposez une photo dans la zone prévue ou cliquez pour la choisir. Les formats JPG, PNG, WebP, GIF, BMP et AVIF sont acceptés ; le HEIC fonctionne dans Safari.
2. Partez d’un préréglage : Éclatant, Noir et blanc, Vintage, Chaud, Froid, Délavé ou Dramatique. Original remet tous les curseurs à zéro.
3. Affinez avec les Réglages : Luminosité, Contraste, Saturation, Teinte, Niveaux de gris, Sépia, Flou, Netteté et Vignettage. Toucher un curseur après un préréglage conserve celui-ci comme point de départ.
4. Faites glisser le Séparateur avant / après : à gauche de la ligne, la photo d’origine ; à droite, le résultat filtré.
5. Choisissez le Format de sortie et, pour le JPG ou le WebP, la Qualité, puis cliquez sur Télécharger la photo retouchée. Réinitialiser les réglages revient à l’image de départ.

L’aperçu est calculé sur une copie réduite pour que les curseurs restent fluides. Le téléchargement, lui, est recalculé sur la photo en pleine résolution : aucun pixel n’est perdu.

À quoi sert chaque réglage

• Luminosité multiplie chaque canal de couleur : 120 % éclaircit l’image de 20 %, 80 % l’assombrit. Les zones qui atteignent le blanc pur sont écrêtées.
• Contraste écarte les tons du gris moyen (au-dessus de 100 %) ou les en rapproche (en dessous). À 0 %, l’image devient un aplat gris.
• Saturation règle l’intensité des couleurs : 0 % les supprime, 150 % donne des couleurs franches, façon affiche.
• Teinte fait tourner toutes les couleurs sur le cercle chromatique, en degrés. Un petit décalage (± 10°) réchauffe ou refroidit l’image ; 180° inverse les teintes sans toucher à la luminosité.
• Niveaux de gris mélange l’image avec sa version noir et blanc, pondérée selon la sensibilité de l’œil (environ 21 % de rouge, 72 % de vert, 7 % de bleu), comme le filtre CSS grayscale().
• Sépia tire l’image vers le brun chaud des tirages anciens.
• Flou applique un flou gaussien dont le rayon dépend de la taille de la photo : l’aperçu et le fichier final se ressemblent donc.
• Netteté passe un noyau de convolution 3 × 3 (un laplacien) sur les pixels pour accentuer les contours. Les navigateurs n’ont pas de filtre de netteté : le calcul est fait en JavaScript.
• Vignettage assombrit progressivement les coins sans toucher au centre, ce qui guide le regard vers le sujet.

Compatibilité et confidentialité

Lorsque le navigateur gère les filtres du canvas, les réglages de couleur passent par la carte graphique. Dans les versions de Safari qui ne les gèrent pas, cet outil applique les mêmes matrices de couleur en JavaScript : le rendu est identique partout. Tout se passe dans votre navigateur, sans envoi de fichier, et la photo téléchargée est réencodée sans les métadonnées EXIF d’origine (appareil, GPS). L’orientation de la photo est appliquée directement aux pixels.

Conseils

• Pour un beau noir et blanc, choisissez Noir et blanc, montez un peu le Contraste et ajoutez du Vignettage.
• Accentuez la netteté après un redimensionnement, pas avant : 15 à 30 % suffisent en général. Au-delà, des halos apparaissent autour des contours.
• Gardez le PNG pour les captures d’écran et les graphiques, le JPG entre 85 et 92 % pour les photos.