Generador Data URI de imagen
Convierte una imagen seleccionada en una URL data con MIME y base64 para copiarla en HTML o CSS.
Hasta 20 MB por archivo. Imágenes de hasta 16 MP. GIF de hasta 60 fotogramas y 32 millones de píxeles de fotogramas. Audio mono o estéreo de hasta 10 minutos.
Convertir un archivo local
Selecciona una imagen y la herramienta devuelve una cadena que empieza por su MIME, por ejemplo data:image/png;base64,. El contenido binario se representa después en base64.
Usarla en HTML o CSS
Puedes pegar la salida en un atributo src o en una declaración url() cuando la imagen sea pequeña y forme parte inseparable del recurso.
Medir el coste del texto
Base64 aumenta el tamaño respecto al archivo original, especialmente en fotografías. Compara bytes y caché antes de incrustar una imagen que se repetirá en muchas páginas.
Procesamiento local
El navegador lee el archivo elegido y no descarga una URL remota. Si no seleccionas un archivo, se muestra un error en vez de crear una Data URI incompleta.
Selecciona un PNG pequeño y confirma que la salida empieza por data:image/png;base64,. Puedes insertarla en src para un icono autocontenido. Interpreta el aumento de texto como coste: para una fotografía grande suele ser mejor conservar un archivo independiente con caché que repetir la misma cadena en cada documento.
Fuentes técnicas: documentación primaria 1 · documentación primaria 2. Estas referencias describen el estándar o la API; la interfaz y sus validaciones son propias de OCC Tools.
Herramientas relacionadas
Para continuar con el mismo flujo puedes consultar codificador base64, conversor bytes, convertidor html, formateador json. Cada página resuelve una operación distinta y no comparte tus entradas automáticamente.
Preguntas frecuentes
¿Qué MIME contiene la Data URI?
Convierte una imagen seleccionada en una URL data con MIME y base64 para copiarla en HTML o CSS.
¿Cómo se codifica la imagen seleccionada?
La operación se realiza en el navegador con la entrada que proporcionas y no necesita enviar el contenido a una API.
¿Cuándo conviene evitar una Data URI grande?
La página muestra un mensaje de validación y señala el dato que debes corregir antes de volver a ejecutar.
¿Qué ocurre si no selecciono una imagen?
El resultado se puede copiar o descargar cuando el formato de esa herramienta ofrece esa acción.
¿Puedo copiar la cadena completa?
La salida tiene el alcance indicado en esta página; conviene abrirla o revisarla en el programa donde vayas a utilizarla.
¿Qué límite de tamaño debo considerar en móvil?
Los límites dependen del formato y del navegador; revisa el resultado final antes de compartirlo o publicarlo.
Herramienta de OCC Tools