IQ
PayloadIQ
Utilidades de PayloadIQ

Imagen a Base64

Codifica una imagen como data URI Base64 y cópiala como cadena en crudo o como un fragmento HTML, CSS o Markdown listo para usar. Todo ocurre en tu navegador.

Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.

Esta herramienta convierte una imagen en un data URI Base64 directamente en tu navegador, sin subir el archivo a ningún servidor. Arrastra un PNG, JPG, SVG o WebP y obtén al instante la cadena en crudo o un fragmento listo para pegar en HTML, CSS o Markdown. La codificación se hace en local con la API FileReader, así que la imagen nunca sale de tu dispositivo.

Incrusta una imagen como texto

Un data URI transforma una imagen en una cadena de texto que puedes pegar directamente en tu marcado, sin archivo aparte ni una petición HTTP adicional. Suelta la imagen y cópiala como data URI en crudo, como una etiqueta <img>, como un background-image de CSS o como una imagen de Markdown. Es la opción ideal para recursos pequeños como iconos, logos o plantillas de email, porque Base64 representa datos binarios con texto y eso añade alrededor de un tercio al tamaño original.

Local y privado

La imagen se lee y se codifica en tu propio dispositivo, sin ninguna subida, por lo que es perfectamente seguro usarla con recursos privados o que aún no has publicado. Como nada viaja por la red, puedes trabajar incluso sin conexión y tener la certeza de que ese mockup confidencial o ese logo sin lanzar no acaba en los registros de ningún servidor.

Preguntas frecuentes

¿Para qué sirve un data URI Base64?
Incrusta la imagen directamente en el HTML, el CSS o el Markdown como texto, de modo que el archivo se carga junto con el documento y no necesita una petición separada. Resulta práctico para iconos pequeños, plantillas de email y archivos autocontenidos.
¿Se sube mi imagen a algún servidor?
No. La codificación ocurre por completo en tu navegador con la API FileReader. La imagen permanece en tu dispositivo y nada se envía a la red.
¿Por qué la cadena Base64 es más grande que el archivo?
Base64 representa datos binarios mediante texto, lo que añade aproximadamente un tercio al tamaño. Es algo normal e inevitable, así que los data URI encajan mejor con imágenes pequeñas.
¿Qué fragmento debería usar?
Usa HTML para una etiqueta <img>, CSS para un background-image o Markdown para documentación y archivos README. La pestaña de data URI te da la cadena en crudo para usarla donde quieras.

Utilidades relacionadas

Conversor de imágenesGenerador de favicons
Abrir PayloadIQ Playground