Luminosité & Contraste
Retouche photo en temps réel —
Veuillez sélectionner une image
Votre image n'est jamais envoyée à un serveur. Tout le traitement se fait dans votre navigateur.
À propos
Outil gratuit pour ajuster la luminosité, le contraste, la saturation et la température de couleur en temps réel. Idéal pour corriger les photos sombres, améliorer les images de produits ou ajuster les couleurs avant de partager sur les réseaux sociaux.
Tout le traitement utilise l'API Canvas — sans envoi au serveur. Édition non-destructive : l'image originale est conservée en mémoire pour une réinitialisation possible à tout moment.
Comment utiliser
Sélectionner une image
Choisissez la photo que vous souhaitez modifier
Ajuster les curseurs
Déplacez les curseurs de Luminosité, Contraste, Saturation et Température. Les modifications apparaissent instantanément dans l'aperçu
Enregistrer l'image
Choisissez PNG ou JPEG et cliquez sur Enregistrer
Glossaire
- Luminosité (Brightness)
- Décale uniformément toutes les valeurs de pixels vers plus clair ou plus sombre. Les valeurs positives ajoutent une constante à chaque canal RGB. Utile pour corriger la sous-exposition.
- Contraste (Contrast)
- Étire ou comprime la plage tonale. Les valeurs positives rendent les pixels clairs plus clairs et les pixels sombres plus sombres, augmentant la profondeur perçue.
- Saturation
- Contrôle la vivacité des couleurs. À -100 l'image devient entièrement en niveaux de gris. Calculé avec la luminance Luma pondérée (R×0,2126 + G×0,7152 + B×0,0722).
- Température de couleur
- Décale l'image entre les tons chauds (orange/rouge) et froids (bleu). Les valeurs positives augmentent le canal rouge et réduisent le canal bleu, simulant la lumière solaire chaude.
- API Canvas
- API native du navigateur HTML5 pour dessiner et manipuler des graphiques au niveau des pixels sans communication serveur.
- ImageData
- Tampon de pixels bruts d'un contexte Canvas. Chaque pixel est représenté par quatre octets (R, G, B, A) dans un Uint8ClampedArray qui limite automatiquement les valeurs à 0–255.
- Édition non-destructive
- Approche où les données d'image originales sont conservées séparément. Les ajustements sont réappliqués depuis l'original à chaque changement de curseur, sans dégradation de qualité.
- Luma (luminance)
- Pondération perceptuelle des canaux RGB (R×0,2126 + G×0,7152 + B×0,0722). L'utilisation de la luma comme base garantit des changements de saturation d'aspect naturel.
- Uint8ClampedArray
- Tableau typé où les valeurs sont automatiquement limitées à 0–255. Garantit que les calculs intermédiaires hors plage produisent toujours des valeurs de pixel valides.
- requestAnimationFrame
- API du navigateur qui planifie un rappel avant le prochain redessin de l'écran. Utilisé comme mécanisme de debounce pour que le traitement des pixels ne s'exécute qu'une fois par image visuelle.
FAQ
- Q.Quels réglages puis-je faire ?
- Vous pouvez ajuster la Luminosité, le Contraste, la Saturation et la Température de couleur. Chaque curseur va de -100 à +100 et met à jour l'aperçu en temps réel.
- Q.Puis-je annuler les modifications ?
- Oui. Cliquez sur Réinitialiser pour ramener tous les curseurs à 0. Les données originales sont conservées en mémoire.
- Q.Mon image est-elle envoyée à un serveur ?
- Non. Tout le traitement est effectué localement avec l'API Canvas. Vos données ne quittent jamais votre appareil.
- Q.Quels formats d'image sont pris en charge ?
- JPEG, PNG, WebP, GIF, BMP et tout autre format que votre navigateur peut afficher.
- Q.L'image enregistrée conserve-t-elle sa résolution d'origine ?
- Oui. L'image finale est traitée à la résolution complète de l'original.
- Q.Fonctionne-t-il sur smartphone ?
- Oui. Entièrement responsive, il fonctionne avec les entrées tactiles sur iOS Safari et Android Chrome.
- Q.Puis-je convertir une photo en noir et blanc ?
- Oui. Amenez le curseur de Saturation à -100 pour obtenir un résultat en niveaux de gris complet.
- Q.Comment rendre une photo plus chaleureuse ?
- Déplacez le curseur de Température vers la droite. Cela augmente le canal rouge et réduit le canal bleu.
- Q.Puis-je ajuster plusieurs paramètres simultanément ?
- Oui. Tous les curseurs sont indépendants et leurs effets se combinent.
- Q.Fonctionne-t-il avec de grandes images ?
- Oui, jusqu'à la limite de l'API Canvas. L'aperçu utilise une copie réduite ; à l'enregistrement, la résolution complète est toujours utilisée.
Cas d'usage
Corriger les photos sombres
Éclaircir les photos prises en intérieur ou à contre-jour
Réglage pour les réseaux sociaux
Améliorer la saturation et la chaleur avant de publier sur Instagram
Optimisation des photos produit
Améliorer le contraste des images de produits pour l'e-commerce
Style rétro / vintage
Réduire la saturation et ajouter de la chaleur pour un style film vintage
Envoyer des commentaires
Faites-nous part de vos réflexions pour nous aider à améliorer l'outil.
Les commentaires sont temporairement suspendus
Le serveur est occupé ou la protection anti-spam est active. Veuillez réessayer plus tard.