Suite à la discussion à propos du site LOW←TECH MAGAZINE et du format d'image qu'il utilise cf

b_b PUBLIC DOMAIN 1/02/2020

Suite à la discussion à propos du site LOW←TECH MAGAZINE et du format d’image qu’il utilise cf ►https://seenthis.net/messages/809252 je me suis amusé avec imagick pour ajouter un filtre image_tramer pour #SPIP :

▻https://zone.spip.net/trac/spip-zone/changeset/120905

Ça permet donc de générer des images « tramées » en mode « ordered dithering » qu’on peut ensuite décorer à coup de css mix-blend-mode: hard-light; sur une couleur d’arrière plan.

Exemples d’images générées par le filtre (en mode natif sans couleur d’arrière plan) :

https://pic.infini.fr/zRAG8dXL/owTTKtWF.jpg

PS : les trois premières images ont les mêmes dimensions que l’originale, je les ai affiché en mode pleine largeur uniquement pour mieux montrer les détails de l’effet obtenu par le filtre.

#spip_blog

b_b PUBLIC DOMAIN

RastaPopoulos @rastapopoulos CC BY-NC 1/02/2020

excellent !
et c’est que pour imagemagick ou ça marche avec gd2 aussi ?
#web #image #webperf

RastaPopoulos @rastapopoulos CC BY-NC
b_b @b_b PUBLIC DOMAIN 1/02/2020

Uniquement sous imagick, mais on peut imaginer d’ajouter un fallback sous gd, faut juste trouver le bon trick pour obtenir un résultat similaire.
Lors de mes essaie j’ai joué avec la lib ▻https://github.com/ccpalettes/gd-indexed-color-converter mais ça n’utilise pas la même méthode « Floyd–Steinberg » VS « ordered dithering » et le résultat ne me convenait pas aussi bien côté rendu que poids de l’image générée, exemple :
https://pic.infini.fr/qS2sIxeT/l1LAArdV.png
PS : une piste par ici ▻https://github.com/kosinix/grafika/blob/master/src/Grafika/Gd/Filter/Dither.php#L135

b_b @b_b PUBLIC DOMAIN

Écrire un commentaire