Filtres d'Image
Cliquez ou glissez-déposez pour téléverser
JPG / PNG / WEBP / GIF
Téléversez une image pour prévisualiser ici
Appliquez 8 filtres d'image professionnels en ligne : noir et blanc, sépia, inversion, flou, luminosité, contraste, saturation et teinte — chacun avec intensité 0-200% et aperçu en temps réel.
Recommandations connexes
Que sont les filtres d'image ?
Les filtres d'image sont un ensemble de techniques qui mappent les valeurs de pixel vers de nouvelles valeurs via des transformations mathématiques. Sur le web et le mobile, le standard le plus courant est la propriété CSS filter (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Cet outil repose sur le même ensemble d'APIs dans Canvas, donc les filtres peuvent être empilés en un clic.
**En quoi est-ce différent d'un éditeur photo ?** Les éditeurs pros (Photoshop, Lightroom) prennent en charge les pinceaux locaux, les calques et les masques. Cet outil gère la correction de couleur de toute l'image et l'application de filtres par lots. Il est plus léger, plus rapide et mieux adapté quand vous n'avez pas besoin d'éditions locales fines.
**Noir et blanc vs sépia :** Noir et blanc unifie le RGB avec la luminance perçue (pondération ITU-R BT.601), supprimant toute couleur. Le sépia ajoute une teinte brune sur la base en niveaux de gris, produisant une sensation nostalgique plus forte.
**Pourquoi empiler autant d'effets ne provoque pas de distorsion ?** Les filtres sont des maths par pixel, ils n'altèrent donc jamais la structure du pixel. Toute combinaison dans la plage 0-200% garde l'image intacte, même si le résultat peut devenir dramatique. Essayez par petits pas.
Cas d'utilisation
- Corriger rapidement des photos sous-exposées ou aux couleurs plates avec luminosité, contraste et saturation
- Ajouter des styles vintage, noir et blanc ou inversé pour personnaliser des images de réseaux sociaux
- Unifier le ton de couleur ou embellir des photos de produits e-commerce et des pages détail
- Ajuster la saturation et la teinte pour des photos d'identité, avatars ou fonds de portrait
- Appliquer l'inversion à des croquis de design ou captures d'UI pour des tests visuels
- Utiliser le filtre de flou pour masquer des informations privées (téléphones, adresses) dans des captures
Comment utiliser
- Téléversez l'image à laquelle appliquer le filtre (JPG, PNG, WEBP ou GIF)
- Choisissez parmi 8 filtres de base dans la grille de vignettes : noir et blanc, sépia, inverser, flou, luminosité, contraste, saturation, teinte
- Faites glisser le curseur d'intensité pour un réglage fin (0% désactivé, 100% standard, 200% maximum) et voyez l'aperçu en direct
- Empilez des effets supplémentaires en basculant vers d'autres filtres et en ajustant leur intensité pour composer le look idéal
- Cliquez sur télécharger pour exporter en PNG ; le nom de fichier reçoit automatiquement le suffixe _filtered
Fonctionnalités
- 8 effets intégrés : noir et blanc, sépia, inverser, flou, luminosité, contraste, saturation, teinte
- Intensité 0-200% : chaque filtre a son propre curseur, 100% est standard, 200% est le maximum
- Aperçu en temps réel : les modifications s'appliquent instantanément, WYSIWYG
- Tous les formats : fonctionne avec JPG, PNG, WEBP, GIF et autres types courants
- Réinitialisation en un clic : efface tous les filtres pour comparer l'original et le résultat
- Traitement local : tous les effets s'exécutent dans le Canvas du navigateur, les fichiers ne sortent jamais
Best Practices
Ordre de correction : exposition d'abord, couleur ensuite, style à la fin
Flux recommandé : ajustez luminosité et contraste pour corriger l'exposition d'abord, puis la saturation pour corriger la couleur, enfin ajoutez des filtres stylistiques comme noir et blanc, sépia ou teinte. Cela correspond à la logique de Photoshop et évite que des filtres de style forts ne masquent les problèmes d'exposition au départ.
Commencez le curseur d'intensité à 50%, ne sautez pas à 200%
La plupart des filtres sont meilleurs dans la plage 50-150%. Sauter directement à 200% provoque souvent une saturation écrêtée, une distorsion de teinte ou un flou excessif. Commencez à 100% pour évaluer, puis affinez à ±20% selon le goût.
Gardez la saturation entre 100-150% pour éviter l'écrêtage
Une saturation supérieure à 150% fait que les rouges et jaunes débordent et perdent du détail. Au-dessus de 200%, le résultat peut montrer des blocs de couleur irréversibles. La plage 0-200% est conçue pour des effets créatifs ; pour la correction quotidienne, 80-130% est le sweet spot.
Noir et blanc plus contraste modéré = photojournalisme classique
Le noir et blanc pur peut paraître plat. Essayez noir et blanc 100% plus contraste 110-130% plus un petit ajustement de luminosité (selon l'exposition source). Cette combinaison imite le style documentaire de l'ère argentique et était la recette noir et blanc la plus populaire sur les premiers Instagram.
Utilisez le sépia pour les vieilles photos et les thèmes nostalgiques
La teinte brune du sépia modifie fortement la palette de couleurs, elle convient donc à la nostalgie, au travail documentaire et aux miniatures vidéo. Pour les images principales d'e-commerce, captures d'UI ou photos de produits tech, le sépia rend le produit daté et peu professionnel, brisant le réalisme de la marchandise.
Une force de flou supérieure à 30 produit déjà un bokeh clair
Le curseur de flou 0-200% correspond à un rayon de flou de 0-20px. Force 30 (3px) donne une douceur subtile. Force 50 (5px) convient bien au bokeh de fond simulé. Force 100 (10px) ou plus est bon pour masquer des informations privées ou isoler un sujet de portrait.
La rotation de teinte à 0, 360 ou 720 revient à la couleur d'origine
La teinte est un espace chromatique circulaire. La force 0-200 correspond à une rotation 0°-360°. Force 100 équivaut à 180° (couleur complémentaire), 200 revient à l'original. Pour la correction créative, restez dans la plage 10-30 ; au-dessus de 50, la couleur naturelle des objets change radicalement.
Après correction, exécutez un compresseur d'images pour réduire la taille
Cet outil exporte en PNG sans perte, qui peut être volumineux. Pour les pages web, pièces jointes email ou uploads sociaux, enchaînez avec un compresseur d'images — vous pouvez généralement réduire de 50-80% la taille sans perte visible en convertissant PNG en JPG.
FAQ
Quels filtres d'image sont disponibles ? Puis-je faire du noir et blanc ou du vintage ?
Huit effets professionnels intégrés : noir et blanc, sépia, inverser, flou, luminosité, contraste, saturation et teinte. Cliquez pour basculer et créer des looks vintage, noir et blanc artistique ou flous oniriques. Chaque filtre prend en charge 0-200% d'intensité, où 1% montre des changements subtils, 100% est le standard et 200% est le maximum.
Puis-je rendre l'effet du filtre plus fort ou plus faible ?
Oui. Chaque filtre a un curseur d'intensité indépendant. 0% équivaut à désactivé, 100% est standard, 200% est le maximum. Par exemple, saturation à 50% ne booste que légèrement la vivacité, 150% donne un look cinéma instantané. Teinte à 50 correspond à 90° de rotation, 200 revient à la couleur d'origine.
Ma photo est trop sombre ou les couleurs sont plates. Cet outil peut-il corriger ?
Oui, c'est idéal. La luminosité sauve les photos sous-exposées par temps couvert. Le contraste ajoute de la profondeur aux images plates. La saturation restaure les vieilles photos délavées. Combiné à la teinte, vous pouvez passer du chaud au froid, créer des bleus crépusculaires ou des styles néon vibrants.
Puis-je empiler plusieurs filtres ?
Oui. Vous pouvez appliquer plusieurs filtres à la même image — par exemple léger sépia plus luminosité plus contraste élevé plus saturation élevée pour trouver un ton de marque cohérent. Comme les filtres sont des maths par pixel, les combinaisons n'abîment pas la structure de l'image, mais le résultat peut être plus dramatique, donc ajustez par petits pas.
Quels formats d'image sont pris en charge ? Comment enregistrer le résultat ?
Prise en charge complète de JPG, PNG, WEBP et GIF. Pendant le traitement, vous voyez un aperçu en temps réel. Une fois satisfait, cliquez sur télécharger pour exporter en PNG (sans perte, taille plus grande). Pour un JPG plus petit, utilisez cet outil pour la couleur puis passez le résultat dans un compresseur d'images.
Est-il sûr d'appliquer des filtres d'image en ligne ? Mes photos vont-elles fuiter ?
Totalement sûr. Tout le traitement d'image se fait localement dans votre navigateur via l'API Canvas filter. Aucun fichier n'est uploadé sur un serveur, aucun logiciel à installer. Même les photos de famille, scans de contrats et photos d'identité peuvent être traités en toute sécurité ; fermer le navigateur libère la mémoire instantanément.
La correction de couleur changera-t-elle la taille du fichier ?
Oui, légèrement. Éclaircir, augmenter le contraste ou booster la saturation peut faire grossir un peu le fichier. Assombrir, passer en noir et blanc ou appliquer le sépia supprime les détails haute fréquence et peut réduire le fichier. Pour réduire davantage, exécutez un compresseur d'images après la correction : corriger d'abord, compresser ensuite est le flux standard.
Quelle est la différence entre noir et blanc et sépia ?
Le noir et blanc unifie le RGB en utilisant la luminance perçue (pondération ITU-R BT.601 : Y = 0.299R + 0.587G + 0.114B), supprimant toute couleur. Le sépia ajoute une teinte brune sur cette base en niveaux de gris, simulant le virage chimique des photos du XIXe siècle et offrant une sensation nostalgique plus forte.
Glossaire
- Filtre CSS
- Propriété CSS fournissant des filtres d'image natifs du navigateur : blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Cet outil implémente le même ensemble via l'API Canvas filter.
- Ton sépia
- Look vintage classique imitant le virage chimique des photos du XIXe siècle. Matrice RGB : R = 0.393R + 0.769G + 0.189B ; G = 0.349R + 0.686G + 0.168B ; B = 0.272R + 0.534G + 0.131B.
- Rotation de teinte
- Rotation circulaire du canal H (teinte) dans l'espace chromatique HSL. Une rotation de 360° revient à la couleur d'origine. La force 0-200% de l'outil correspond à une rotation 0°-360°.
- Pondération BT.601
- Formule de luminance de l'ITU-R BT.601 : Y = 0.299R + 0.587G + 0.114B. Les filtres noir et blanc et les signaux TV utilisent cette pondération car elle reflète mieux la sensibilité plus élevée de l'œil humain au vert qu'une moyenne simple.
- Exposition
- Quantité totale de lumière capturée par une photo. Sous-exposée = trop sombre ; surexposée = trop claire. Les filtres de luminosité peuvent compenser, mais ne peuvent pas récupérer le détail des hautes lumières déjà écrêtées.
- Saturation
- L'intensité de la couleur. 0% = niveaux de gris total ; 100% = couleur d'origine ; >100% = boostée. Une saturation trop élevée provoque un écrêtage des couleurs et une perte de détail.
8 filtres intégrés en un coup d'œil
| Filtre | Algorithme / implémentation | Usage typique |
|---|---|---|
| Noir et blanc | R=G=B=0.299R+0.587G+0.114B | Documentaire, art, thème vintage |
| Sépia | Matrice classique Sepia Tone | Nostalgie, effet vieille photo, miniature vidéo |
| Inverser | 255 moins l'original par canal RGB | Radiographie, affiche artistique, UI sombre |
| Flou | Canvas filter: blur(radius) | Bokeh fond, focus, masque privé |
| Luminosité | Décalage ajouté au RGB | Sous/surexposition, éclaircir couvert |
| Contraste | (RGB-128) × factor + 128 | Profondeur photo plate, style HDR |
| Saturation | Mise à l'échelle du canal S en HSL | Booster la vivacité, restaurer délavé, couleur de marque |
| Teinte | Rotation du canal H en HSL | Décalage créatif, échange de couleur, test visuel |
Curseur d'intensité 0-200% référence d'effet
| Force | Effet visuel | Usage recommandé |
|---|---|---|
0% | Totalement désactivé, équivalent à l'original | Réinitialiser, test A/B |
1-30% | Très subtil, presque invisible | Réglages fins, nécessite un regard attentif |
30-70% | Effet léger | Correction de couleur quotidienne |
100% | Force standard | Par défaut pour la plupart des cas |
130-170% | Effet renforcé | Travail stylisé, cohérence couleur de marque |
200% | Effet maximum | Traitement artistique, abstrait |
Authoritative References
- ReferenceFiltre CSS - MDN
- ReferenceWikipedia - Sépia (couleur)
- ReferenceWikipedia - Photographie en couleurs
- Compresser des images
- Convertir Image
- PNG vers JPG
- HEIC vers JPG
- WebP vers JPG
- JPG vers PNG
- JPG vers WebP
- PNG vers WebP
- WebP vers PNG
- HEIC vers PNG
- HEIC vers WebP
- AVIF vers JPG
- Recadrer Image
- AVIF vers PNG
- AVIF vers WebP
- GIF vers JPG
- GIF vers PNG
- GIF vers WebP
- SVG vers JPG
- SVG vers PNG
- SVG vers WebP
- TIFF vers JPG
- Filtres d'Image
- TIFF vers PNG
- TIFF vers WebP
- Generateur ICO
- Editeur d'image
- Scanner QR Code
- Redimensionner une image
- Pivoter et Miroir d'Image
- Coins Arrondis Image
- Générateur de Sprite CSS
- Visionneuse SVG
- Image en art ASCII
- Agrandir Image
- Filigrane Image