• Filtre

    Avant de publier mes photos, je leur donne un peu plus de netteté, par le logiciel The Gimp (ce qu'on peut faire par tout autre logiciel de traitement d'image).

    J'en profite souvent pour les dimensionner selon la taille du montage proposé.

    On peut faire ces deux opérations, simplement, par un code html/css.

    Pour renforcer la netteté, j'écris ici un code pour filtre du contraste et un pour la luminosité: filter: contrast(1.1) brightness(105%);

    Pour redimensionner une image, (j'ai déjà abordé ce sujet), il suffit d'ajouter, dans son adresse et avant le .jpg (ou .gif/.png ...) la taille souhaitée en pixel, précédée de @

    <img src="http://ekladata.com/yuTa4e4DptLfw3b9qPuL-wuE_-Y@750x440.jpg"

    Dans cette exemple, mon image hébergée en 1920x1080px s'affichera en 750x440px.

    Voyons la différence entre une image "brute" et un image avec filtres:

     

    <p><img style="border: 0.6vh solid white;" src="http://ekladata.com/yuTa4e4DptLfw3b9qPuL-wuE_-Y@750x440.jpg" alt="" /></p>
    <p><img style="border: 0.6vh solid white; filter: contrast(1.1) brightness(105%);" src="http://ekladata.com/yuTa4e4DptLfw3b9qPuL-wuE_-Y@750x440.jpg" alt="" /></p>

    Chacun peut donner les valeurs qu'il souhaite à ces deux attributs.