Filtres d’image
NouveauAjustez luminosité, contraste, saturation, flou et plus encore, puis téléchargez.
filter: none; Runs entirely in your browser. Nothing is uploaded.
Appliquez des filtres et des réglages photo dans votre navigateur
Cet éditeur de filtres d'image vous permet de transformer n'importe quelle photo en quelques secondes : déposez une image, cliquez sur un préréglage ou faites glisser les curseurs et regardez le résultat se mettre à jour en direct. Il associe un éditeur visuel à de vrais filtres CSS d'image, vous obtenez ainsi à la fois une image téléchargeable et le code filter: exact qui la sous-tend. Rien à installer, pas de compte à créer, pas de limite de taille de fichier. Fonctionne avec tous les formats photo : JPG, PNG, WebP, GIF.
Contrairement aux éditeurs lourds qui nécessitent un abonnement, tout ici s'exécute localement sur un canvas HTML. Votre image n'est jamais envoyée à un serveur, ce qui en fait un moyen rapide et privé de corriger ou de styliser une photo avant de la partager. La version gratuite de Fotor ajoute un filigrane aux téléchargements. PicMonkey nécessite un plan payant pour accéder à tous les filtres à 12,99 $/mois. UtiloKit n'a ni filigrane ni paywall : ouvrez la page et commencez à éditer.
L'ensemble complet des réglages de filtres CSS
Neuf réglages couvrent l'ensemble complet des fonctions CSS filter : luminosité, contraste, saturation, niveaux de gris, sépia, rotation de teinte, inversion, flou et opacité. La luminosité, le contraste et la saturation sont centrés sur 100 %, ce qui facilite l'ajustement d'une photo sans en faire trop, tandis que hue-rotate (0–360°) déplace chaque couleur autour de la roue chromatique, utile pour le calibrage colorimétrique des photos de produits ou pour créer un aspect teinté créatif sans toucher à un outil de design.
Empilez n'importe quelle combinaison et l'aperçu la reflète instantanément. Faites glisser le contrôle de comparaison avant/après pour voir la différence à tout moment. L'outil affiche la déclaration CSS exacte se mettant à jour pendant que vous travaillez, vous apprenez ainsi quelles fonctions produisent quels effets simplement en jouant avec les curseurs. Aucun autre outil de filtres gratuit ne combine un aperçu d'image en direct avec la sortie de code CSS en direct.
Préréglages style Instagram, à portée d'un clic
La galerie de préréglages transforme les combinaisons de curseurs en looks nommés : Vif, Chaud, Froid, N&B, Noir, Vintage, Délavé, Sépia et plus encore. Chaque miniature prévisualise l'effet sur votre propre image, vous pouvez ainsi parcourir la rangée et choisir un look avant de l'appliquer. Ce sont les mêmes types de filtres style Instagram pour lesquels VSCO et Lightroom Mobile facturent un abonnement, recréés à partir de simples fonctions de filtres CSS sans frais.
Cliquez sur un préréglage pour l'appliquer, puis affinez avec les curseurs pour le personnaliser. Le CSS sous-jacent est toujours visible, donc si vous construisez un système de design, vous pouvez copier les valeurs exactes et recréer le look dans n'importe quel projet web. Transformer le préréglage Vintage en votre propre style nommé prend environ 30 secondes.
Copiez le code CSS des filtres — et utilisez-le partout
Chaque réglage se reflète comme une déclaration CSS en direct : filter: brightness(105%) contrast(115%) saturate(140%);. Cliquez sur Copier CSS et collez-le directement dans une feuille de style. Fonctionne sur les éléments img, video, les arrière-plans div et les éléments SVG : tout ce que la propriété CSS filter prend en charge. Les valeurs par défaut sont omises pour que le snippet reste minimal et lisible.
La plupart des générateurs de filtres CSS vous montrent une image de prévisualisation générique. Celui-ci applique le filtre à votre propre photo chargée afin que vous puissiez voir exactement à quoi cela ressemblera en contexte. Ajoutez transition: filter 0.3s; pour obtenir une animation fluide au survol. Le code est prêt pour la production : pas de préfixe nécessaire, pris en charge par Chrome, Edge, Firefox, Safari et tous les principaux navigateurs mobiles depuis 2016.
Comment fonctionnent les filtres d'image — et pourquoi aucun upload n'est nécessaire
Un filtre d'image est une transformation de pixels. Le navigateur parcourt chaque pixel et réécrit ses valeurs RVB : grayscale(100%) réduit chacun à un gris unique en faisant la moyenne des canaux, sepia() réchauffe les tons vers le brun-orange, invert() inverse les valeurs en un négatif, et blur() fait la moyenne de chaque pixel avec ses voisins en utilisant un noyau gaussien. Cette mathématique est suffisamment légère pour s'exécuter à 60fps sur un GPU, ce qui explique pourquoi l'aperçu semble instantané.
Comme tout s'exécute sur un canvas HTML dans votre propre navigateur, votre photo ne quitte jamais votre appareil. Envoyer une image à un service comme LunaPI, Pixlr ou même Google Photos implique que votre image se trouve sur un serveur distant pour le traitement. Cet outil élimine complètement cette étape : ajuster, prévisualiser et télécharger se font tous localement. Pour quiconque gère des photos privées ou des documents sensibles, c'est une différence significative.
Comparaison des concurrents — outils de filtres d'image gratuits
Plusieurs outils bien connus proposent des filtres d'image en ligne, chacun avec ses compromis. Fotor dispose d'une bonne bibliothèque de préréglages mais restreint les téléchargements de haute qualité et ajoute des filigranes sur le plan gratuit. PicMonkey nécessite un abonnement de 12,99 $/mois pour accéder à la plupart des filtres et requiert toujours une connexion. Pixlr E est un éditeur photo complet qui gère bien les filtres, mais il envoie votre image à ses serveurs. Canva inclut des filtres dans son éditeur d'images mais requiert également un compte et stocke les fichiers dans le cloud de Canva.
UtiloKit Image Filters ne fait rien de tout cela. Pas d'upload, pas de compte, pas de filigrane, pas de limite quotidienne. Vous obtenez également la sortie du code CSS, quelque chose qu'aucun de ces outils ne fournit, ce qui en fait le seul outil gratuit qui fonctionne aussi bien pour les designers éditant des photos que pour les développeurs harmonisant des styles visuels en code. Pour quiconque souhaite filtrer une photo et la télécharger en privé, la différence est significative.
Frequently asked questions
Comment fonctionnent les filtres d'image ?
Les filtres d'image fonctionnent en transformant la couleur de chaque pixel en temps réel. Chaque filtre applique une petite opération mathématique aux canaux rouge, vert et bleu de chaque pixel : brightness(150%) les multiplie par 1,5 pour éclaircir l'image, grayscale(100%) en fait la moyenne en un seul ton gris, et blur(4px) mélange chaque pixel avec ses voisins à l'aide d'un noyau de convolution. Comme cela s'exécute sur votre GPU via l'API canvas HTML, l'aperçu se met à jour dès que vous faites glisser un curseur, sans attente, sans upload, sans aller-retour serveur.
Quels sont les types de filtres d'image disponibles ?
Il y a deux grands groupes. Les filtres de réglage modifient le ton et la couleur tout en gardant la photo naturelle : luminosité, contraste, saturation et rotation de teinte. Les filtres d'effet restylisent l'image en un aspect distinct : niveaux de gris (noir et blanc), sépia (vintage chaud), inversion (négatif), flou (mise au point douce) et opacité (transparence). Cet éditeur vous propose les neuf fonctions de filtres CSS. Les empiler, par exemple grayscale(100%) avec contrast(120%), est exactement comme sont construits les préréglages nommés comme Vintage, Noir et Délavé.
Comment ajouter un filtre à une image en ligne gratuitement ?
Déposez une photo dans la zone ci-dessus (ou cliquez pour parcourir, ou collez avec Ctrl/Cmd+V), puis cliquez sur une miniature de préréglage ou faites glisser les curseurs de réglage. L'aperçu se met à jour en direct et un contrôle avant/après vous permet de comparer avec l'original à tout moment. Quand le résultat vous plaît, cliquez sur Télécharger PNG ou Télécharger JPG pour sauvegarder en pleine résolution. Rien n'est envoyé : chaque étape s'exécute dans votre navigateur. PicMonkey exige une connexion et limite les exportations gratuites à des résolutions inférieures. Fotor ajoute un filigrane aux téléchargements gratuits. Cet outil n'a aucune exigence de compte, pas de paywall et pas de limite quotidienne.
Qu'est-ce que la propriété CSS filter et comment la générer ?
La propriété CSS filter applique des effets graphiques à n'importe quel élément HTML en utilisant une chaîne de fonctions de filtre : brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert(), blur() et opacity(). Par exemple, filter: contrast(120%) saturate(140%) sepia(15%); donne un aspect percutant et légèrement chaud. Cet outil construit cette chaîne exacte au fur et à mesure que vous bougez les curseurs, pour que vous puissiez la copier directement dans votre feuille de style et l'appliquer à n'importe quel img, div, video ou SVG.
Comment appliquer des filtres style Instagram sans Instagram ?
Les filtres style Instagram sont des combinaisons prédéfinies de fonctions de filtres CSS de base. Un look type Clarendon est approximativement contrast(120%) saturate(135%), un look pellicule délavée utilise contrast(85%) brightness(110%) sepia(12%), et un ton Vivid percutant empile contrast(130%) saturate(160%). Cliquez sur n'importe quelle miniature de préréglage dans la galerie pour l'appliquer instantanément à votre photo, puis ajustez les curseurs individuels pour pousser le look plus loin. Vous obtenez les mêmes résultats visuels que des éditeurs payants comme VSCO ou les préréglages Lightroom, sans application, sans abonnement, sans upload.
Comment rendre une image en noir et blanc, sépia ou vintage en ligne ?
Pour le noir et blanc, réglez les niveaux de gris à 100 % : le préréglage N&B le fait en un clic, et Noir ajoute du contraste supplémentaire pour un effet dramatique. Pour le sépia, augmentez le curseur sépia ; sepia(80%) donne un classique rendu en tons bruns. Pour un look vintage, combinez-les : le préréglage Vintage utilise sepia(55%) contrast(108%) brightness(104%) saturate(120%) pour une sensation de pellicule chaude et légèrement lavée. Canva et Adobe Express peuvent faire des choses similaires mais requièrent une connexion. Tout cela s'exécute entièrement dans votre navigateur, sans compte, sans upload, sans attente.
Est-il sécurisé d'utiliser un outil de filtres d'image en ligne ?
Cela dépend de l'outil. De nombreux éditeurs en ligne, comme Fotor, LunaPI ou Pixlr, envoient votre photo à leurs serveurs pour traitement, ce qui signifie que votre image se retrouve sur la machine de quelqu'un d'autre et peut être conservée pour des analyses ou l'entraînement de modèles. Le filtre d'images d'UtiloKit s'exécute entièrement sur un canvas HTML dans votre navigateur : votre image est lue localement, traitée localement et téléchargée localement, elle n'est jamais envoyée, jamais stockée et personne d'autre que vous ne la voit.
Related tools
Voir tous les outils
Nouveau Pivoter et retourner une image
Pivotez par paliers de 90° et retournez une image horizontalement ou verticalement.
Nouveau PNG vers ICO
Convertissez une image en favicon .ico multi-résolution dans votre navigateur.
Nouveau Visionneuse et suppression EXIF
Affichez les métadonnées cachées d’une photo — appareil, date, GPS — et supprimez-les pour protéger votre vie privée.
Nouveau PDF en JPG
Convertissez les pages d’un PDF en images JPG, PNG ou WebP à la qualité de votre choix — le tout dans votre navigateur.
Nouveau Générateur de memes
Créez des memes avec le texte classique haut/bas ou des zones de texte déplaçables — sans filigrane, sans inscription.
Nouveau Image to Text (OCR)
Extract text from any image, screenshot or photo — free online OCR that runs entirely in your browser, no upload required.