SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

280 Plugins, 197 contribs sur SPIP-Zone, 140 visiteurs en ce moment

Accueil > Affichage multimédia > Images > Traitement d’images > Fonctions d’images > Plugin fonctions d’images : les filtres de traitement des images

Plugin fonctions d’images : les filtres de traitement des images

15 octobre 2012 – par tcharlss – commentaires

6 votes

Cet article présente les filtres de traitement des images du plugin Fonctions d’images.
Sur votre site, la page ?page=demo/fonctions_images&filtres=images vous permet de voir ces filtres en action.

Le plugin Fonctions d’images fournit des filtres pour le traitement des images et des couleurs qui complètent les filtres natifs de Spip (couleurs automatiques, traitement automatisés des images et images typographiques)
Ceux-ci sont essentiellement extraits du site Paris-Beyrouth, où l’on retrouve une explication détaillée pour la plupart des filtres.

Voir également les filtres de couleur.

image_saturer

Modifie la saturation d’une image.

syntaxe |image_saturer{1.2}
argument nombre entre 0 et 2
exemple #CHEMIN{images/ecureuil.jpg}|image_saturer{1.2}
JPEG - 40 ko
filtre |image_saturer

image_niveaux_gris_auto

Corrige automatiquement les niveaux de gris d’une image.
Paris-Beyrout : Correction automatique des niveaux

Les zones trop claires ou trop sombres seront réajustées, produisant une image plus équilibrée.

syntaxe |image_niveaux_gris_auto
exemple #CHEMIN{images/ecureuil.jpg}|image_niveaux_gris_auto
PNG - 173.6 ko
filtre |image_niveaux_gris_auto

image_courbe

Modifie les courbes d’une image.
Paris-Beyrouth : Modifier les courbes d’une image.

Ce filtre vous permet de manipuler les coordonnées de 2 points ’virtuels’ de la courbe d’une image.

PNG - 8.1 ko
courbes d’une image

Prenons 2 points, le premier situé dans les zones sombres de l’image : 80=80 , le second dans les zones claires : 170=170 (l’échelle va de 0 à 255). Augmenter la coordonnée Y d’un point va éclaircir la zone, baisser cette coordonnée va l’assombrir.
Ainsi 80=30 / 170=220 va augmenter le contraste, tandis que 80=100 / 170=150 va produire l’effet inverse.
On peut travailler sur toutes les couches de couleur de l’image (rouge, vert ou bleu), ou sur une couche de couleur en particulier. Combiner plusieurs filtres image_courbe d’affilé permet d’obtenir des effets très variés.

syntaxe |image_courbe{rvb, 80=30, 170=220}
argument 1 rvb/r/v/b couche(s) de couleur(s) affectée(s)
argument 2 x=y nombres de 0 à 255
argument 3 x=y (optionnel) nombres de 0 à 255
exemple #CHEMIN{images/ecureuil.jpg}|image_courbe{rvb, 80=30, 170=220}
PNG - 243.9 ko
filtre |image_courbe

image_float

Fait en sorte que le texte épouse le contour d’une image transparente.
Paris-Beyrouth : Un habillage irrégulier

syntaxe |image_float{left, 10, ffffff}
argument 1 left/center/right position de l’image
argument 2 nombre marge en px autour de l’image
argument 3 #couleur (optionnel) couleur de fond de l’image
exemple #CHEMIN{images/ecureuil_decoupe.png}|image_float{left, 5}
PNG - 72.8 ko
filtre |image_float

image_contour_alpha

Trace le contour d’une image transparente.
Paris-Beyrout : Tracer les contours de transparence

syntaxe |image_contour_alpha{000000, 1}
argument 1 #couleur couleur du contour
argument 2 nombre épaisseur du contour
exemple #CHEMIN{images/ecureuil.jpg}|image_contour_alpha{000000, 1}
PNG - 82.9 ko
filtre |image_contour_alpha

image_sincity

Effet automatique : saturation contrastée + accentuation du rouge
Paris-Beyrouth : Welcome to Spip-City

syntaxe |image_sincity
exemple #CHEMIN{images/ecureuil.jpg}|image_sincity
PNG - 188.9 ko
filtre |image_sincity

image_estampage_alpha

Réalise des estampages.
Paris-Beyrouth : Des titres en relief

L’intérêt est d’utiliser ce filtre en combinaison avec d’autres. Voir le lien précédent pour une utilisation avec |image_typo.

syntaxe |image_estampage_alpha{1,1}
argument 1 nombre épaisseur en px
argument 2 nombre netteté
exemple #CHEMIN{images/ecureuil_decoupe.png}|image_estampage_alpha{1,1}
PNG - 87.9 ko
filtre |image_estampage_alpha

image_dispersion

Réalise des dispersions, des floutages.
Paris-Beyrouth : un filtre de dispersion graphique

Ce filtre se sert d’une image repère (= masque en noir & blanc), qui va indiquer comment déplacer les pixels de l’image de base.
noir = déplacement vers la gauche / en haut
gris = pas de déplacement
blanc = déplacement vers la droite / en bas

syntaxe |image_dispersion{url_image, 8, 8}
argument 1 url du masque
argument 2 nombre déplacement en x
argument 3 nombre déplacement en y
exemple #CHEMIN{images/ecureuil.jpg}|image_dispersion{#CHEMIN{images/disp-noir.png},8,8}
PNG - 510.4 ko
filtre |image_dispersion

image_merge

Superpose une image sur une autre.
Le filtre |image_masque de Spip permet d’obtenir le même résultat, et propose plus d’options.

syntaxe |image_merge{url_image, right, top}
argument 1 url image à superposer
argument 2 left/center/right placement horizontal
argument 3 top/middle/bottom placement vertical
exemple #CHEMIN{images/quadrillage.png}|image_merge{#CHEMIN{images/cercle.png},center,middle}
PNG - 11.2 ko
filtre |image_merge

image_negatif

Passe une image en négatif.
Le filtre |image_courbe{rvb, 0=255, 255=0} produira le même résultat.

syntaxe |image_negatif
exemple #CHEMIN{images/ecureuil.jpg}|image_negatif
PNG - 209.3 ko
filtre |image_negatif

Voir en ligne : http://plugins.spip.net/fonctions_images

P.-S.

Photo originale de l’écureuil glouton par Gilles Gonthier

Retour en haut de la page

Tout afficher

Vos commentaires

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Acces Restreint 3.0

    11 décembre 2008 – 705 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Des blocs dépliables

    6 janvier 2008 – 447 commentaires

    Cet outil du Couteau Suisse vous permet de créer des blocs dont le titre cliquable peut rendre un contenu visible ou invisible, voire de les munir d’une adresse pour que le bloc visible soit récupéré en AJAX. Ces blocs sont disponibles dans tous vos (...)

  • Alertes

    31 mars – commentaires

    Ce plugin a pour but de permettre à vos visiteurs identifiés de recevoir des alertes email lors de la publication d’un article, en fonction des abonnements qu’ils ont choisit (à certains secteurs, à certaines rubriques, à certains mots-clés ou à (...)

  • Le plugin ZotSpip

    28 mai 2012 – 96 commentaires

    Synchronise Spip avec une bibliothèque (personnelle ou partagée) de références bibliographiques Zotero. Utilisez Zotero pour gérer / importer / rédiger vos références bibliographiques, puis incorporez vos références bibliographiques dans votre Spip avec (...)

  • Plugin SEO

    6 août 2009 – 211 commentaires

    SEO est un plugin qui ajoute la possibilité d’insérer manuellement où vous le souhaitez ou de manière automatique dans la partie de votre site web : meta tags, URL canonique, Google webmaster tools Meta Code et Google Analytics javascript. Il est (...)