Imagen a Base64
Convierte una imagen en un data URI en base64 y cópialo como CSS, HTML o Markdown, listo para pegar en tu código.
Arrastra un archivo aquí o haz clic para elegirlo
Los archivos se procesan en tu navegador y nunca se suben a ningún servidor.
Los archivos se procesan en tu navegador y nunca se suben a ningún servidor.
Cómo se usa
De uso gratuito, sin registro, sin instalación y sin límite de uso.
Suelta una imagen y vuelve como data URI, junto al fragmento del lenguaje en el que vayas a pegarla. Las formas CSS, HTML y Markdown entrecomillan y escapan el URI como pide cada lenguaje.
Incrustar una imagen elimina una petición de red. En un icono pequeño dentro de una página con mucho tráfico eso se nota, porque la petición en sí suele costar más que los bytes.
Base64 engorda el archivo alrededor de un tercio, y una imagen incrustada no se puede cachear aparte del archivo que la contiene. Pasados unos diez kilobytes, la petición que ahorras cuesta menos que el peso que añades, así que aparece un aviso.
El SVG merece la pena incrustarlo más a menudo que otros formatos, porque comprime bien y de entrada suele ser pequeño.
El texto alternativo de los fragmentos HTML y Markdown se toma del nombre del archivo, y una comilla doble en ese nombre se escapa para que el atributo no se cierre antes de tiempo.
Tu imagen nunca se sube. Se lee y se codifica dentro de tu navegador.