Imatge a Base64

Aquest convertidor d'imatge a Base64 converteix una foto en un URI de dades, una llarga cadena de text que incrusta la imatge directament, més un fragment CSS de fons llest per fer servir. Pots incrustar una imatge en línia en lloc d'enllaçar a un fitxer separat.

S'executa localment al teu navegador, de manera que la teva imatge es llegeix al teu dispositiu i no es puja mai.

Un URI de dades porta tota la imatge dins del marcatge, de manera que el navegador no fa una sol·licitud de xarxa separada per obtenir-la. Per a recursos petits com icones, aquell viatge d'anada i tornada estalviat pot fer que una pàgina sembli més ràpida.

El problema és la mida i la memòria cau. Base64 afegeix aproximadament un 33 per cent de sobrecàrrega perquè representa dades binàries amb un alfabet de text limitat, i una imatge incrustada no es pot emmagatzemar a la memòria cau per separat, de manera que es torna a baixar amb cada pàgina que la conté.

La regla general és incrustar imatges petites, icones, logotips diminuts o un sprite, on evitar una sol·licitud val la pena la sobrecàrrega, i mantenir les imatges més grans com a fitxers normals que el navegador pot emmagatzemar a la memòria cau i carregar en paral·lel.

Els URI de dades funcionen a qualsevol lloc on s'accepta una URL: un src d'img, un fons CSS, o un camp en JSON o una plantilla de correu. Això els fa útils per a fragments autònoms.