Convertir imagen a Base64
Genera una Data URL a partir de una imagen local y úsala directamente en una hoja de estilos, un HTML o un correo. Verás el peso del texto resultante y el incremento respecto al archivo original.
Espacio de trabajo · Imagen a Base64
Cómo se usa
Selecciona una imagen de menos de 12 MB.
Espera a que se genere la Data URL.
Copia el texto completo, el CSS o la etiqueta HTML, o descarga el resultado.
Ejemplos
Icono en CSS
Un icono pequeño puede ir como background-image con Data URL y evitar una petición adicional.
Prototipo de correo
Una imagen embebida garantiza que se vea aunque el cliente de correo bloquee archivos externos.
Lo que conviene saber
Base64 representa datos binarios con caracteres ASCII y aumenta el tamaño aproximadamente un 33 %. Una Data URL incluye el tipo MIME y el contenido codificado, por lo que puede incrustarse directamente en HTML o CSS sin un archivo aparte.
Las imágenes incrustadas no se cachean por separado y aumentan el peso del documento. Úsalas para iconos, placeholders o recursos muy pequeños; para fotografías grandes, un archivo normal con caché suele ser más eficiente.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Conversor JPG a PNG
Convierte una imagen JPG o JPEG a PNG sin subirla.
Compresor de imágenes
Reduce el peso de JPG, PNG o WebP sin salir del navegador.
Comprobar dimensiones de imagen
Consulta ancho, alto, proporción, megapíxeles y tamaño de impresión de una imagen.