Qu’est-ce qu’un filtre de flou d’image ?

Un filtre de flou adoucit une image en mélangeant chaque pixel avec ses voisins. Un flou gaussien, comme celui utilisé ici, accorde plus d’importance aux voisins proches qu’aux voisins éloignés. Le résultat ressemble donc davantage à une image prise avec un objectif flou qu’à une copie étalée. Il transforme une photo en arrière-plan doux pour une diapositive, l’en-tête d’un site Web ou le fond d’écran d’un téléphone, facilite la lecture du texte placé sur une image chargée et masque les détails d’une capture d’écran tout en préservant la lisibilité de sa mise en page.

Description de l’outil

Ouvrez une image et faites glisser le curseur du rayon. Un petit rayon atténue les détails fins, tandis qu’un grand rayon ne laisse que de douces taches de couleur. L’aperçu se met à jour pendant que vous faites glisser le curseur, le curseur de comparaison affiche côte à côte l’original et le résultat, et le téléchargement conserve la taille complète de l’image au format PNG, JPG ou WebP.

Fonctionnalités

  • Flou gaussien avec un seul réglage de rayon
  • Les couleurs se mélangent comme le ferait la lumière : les zones claires s’étalent naturellement et les transitions entre les couleurs ne deviennent pas ternes
  • Les images transparentes conservent des contours nets et doux
  • L’outil fonctionne dans votre navigateur : l’image ne quitte donc jamais votre appareil

Fonctionnement

Le rayon correspond à l’écart-type de la gaussienne, la même mesure que celle utilisée par blur() en CSS. Le flou mélange les couleurs en fonction de la quantité de lumière plutôt que des valeurs enregistrées dans le fichier : de fines bandes noires et blanches deviennent, après floutage, le gris produit par la moitié de la lumière, plus clair que le gris moyen terne obtenu avec un flou rapide. Au-delà des bords de l’image, les pixels du bord sont répétés, ce qui évite que les bordures s’assombrissent, et les pixels transparents ne diffusent pas leur couleur cachée dans l’image.

Conseils

  • Pour créer un arrière-plan derrière du texte, choisissez un rayon qui laisse les formes reconnaissables sans qu’aucun élément n’attire le regard.
  • Les images floutées se compressent très bien : un téléchargement au format JPG ou WebP est souvent beaucoup plus léger que l’original.
  • Pour masquer définitivement du texte sensible, utilisez un grand rayon. Un léger flou appliqué à du texte de grande taille peut parfois encore le rendre lisible.