Créer un pixel en base64
créer l'image en png
On crée une image de 1x1 pixel avec la couleur demandée, et on l'enregistre au format png (avec GIMP par exemple)
enlever les metadat
le fichier est trop grand car il contient des meta-data dont on a pas besoin. on peut utiliser imagemagick pour enlever les meta data grâce à -strip:
convert -strip image.png image.png
convertir en base64
avec base64, et on utilise l'option -w0 pour enlever le wrapping
base64 -w0 image.png
insérer dans le template
par exemple:
<css selector='.bloc_layout.layout1' background-image="Url(data:image/png;base64,R0lGODlhAQABAPAAAPLy8gAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==)" background-repeat='repeat-y' background-position='center'/>
exemples:
| couleur | hex | !base64 |
|---|---|---|
| noir | #000000 | iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQAAAAA3bvkkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg== |
| gris | #666666 | iVBORw0KGgoAAAANSUhEUgAAAAEAAAABBAAAAAD/jnZUAAAACklEQVQI12NIAAAAYgBhGxZhsAAAAABJRU5ErkJggg== |
| gris | #999999 | iVBORw0KGgoAAAANSUhEUgAAAAEAAAABBAAAAAD/jnZUAAAACklEQVQI12OYAAAAkgCRuKzjOQAAAABJRU5ErkJggg== |
| gris | #CCCCCC | iVBORw0KGgoAAAANSUhEUgAAAAEAAAABBAAAAAD/jnZUAAAACklEQVQI12M4AAAAwgDB+NBPEwAAAABJRU5ErkJggg== |
