Bundle per TextMate: Conversió d'imatges a base64
Publicat el 31/01/2008
En algunes ocasions és interessant servir un únic document amb les imatges integrades. Per exemple, quan es vol compartir un CSS a Stylish és pràctic poder usar imatges i no haver-les d'allotjar en un servidor.
La forma més còmode és codificar les imatge en base64 i usar una URN al codi. Per exemple, una imatge del logo en png d'aquest lloc es representaria amb:
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAA90lEQVR42mL8//8/w0ACgABiYhhgABBAA+4AgAAacAcABNCAOwAggAbcAQABNOAOAAggFmyC6enptMibDTNnzmxEFwQIoAEPAYAAGnAHAAQQC67gooFdB7EJAgQQLgc00isEAAJowKMAIIAG3AEAAYQrCvbTwK6FQLwAXRAggHA5wIEGDjiATRAggAY8CgACiIUINQ+gmBxAMCQBAogYByygIFsSLNIBAmjAowAggAbcAQABxEKNeKQEAAQQsQ6gmSMAAmjAowAggAbcAQABxDjQHROAABrwEAAIoAF3AEAADbgDAAJowB0AEEAD7gCAABpwBwAEGACShRTtHO+CywAAAABJRU5ErkJggg==");
El mòdul de Perl MIME::Base64 permet codificar/decodificar en base64 de manera que fent un senzill script he muntat un bundle de TextMate que transforma una imatge referenciada en un CSS o en un X/HTML a base64. Sempre que la referència sigui relativa.
El bundle: Convert img to base64.tmCommand
Comentaris
[...] que quería echarle un ojo a un bundle para codificar imágenes en Base64 para textmate que vi que Arnau había publicado que vi también comentado por Shaun Inman y cogió bastante [...]
Comentat per cristian.gimmicklab.com » Blog Archive » Codificando imágenes en Base64 y embebiéndolas en CSS el 05/07/2008