data:image/xxx;base64,..., para que puedas incrustar la imagen directamente en HTML, CSS o JSON sin necesidad de un servicio externo de hospedaje de imágenes.embeber favicon como base64 en css inline
Embeber favicon como base64 en css inline. Esta herramienta maneja este y escenarios relacionados — incluidos convertidor data uri base64 a descarga imagen y convertir ico a data uri para etiqueta link html — completamente en tu navegador, sin registro ni subida de archivos.
convertir svg a data uri para fondo css
Convertir svg a data uri para fondo css. Ya trabajes con datos de API, archivos de configuración o registros, todo se procesa localmente. Tareas como convertir ico a data uri para etiqueta link html también son compatibles.
webp a base64 data uri para lazy loading
Webp a base64 data uri para lazy loading. También puedes usar esta herramienta para codificador imagen base64 para embeber html email y convertir logo png pequeño a base64 para markdown. Los resultados aparecen al instante — sin comunicación con el servidor.
convertir gif a base64 para firma email inline
Convertir gif a base64 para firma email inline. Este es uno de los muchos escenarios soportados. También puedes convertir logo png pequeño a base64 para markdown sin salir de la página ni crear una cuenta.
jpg a base64 para cuerpo petición api json
Jpg a base64 para cuerpo petición api json. Todo el procesamiento ocurre en tu dispositivo, garantizando la privacidad de tus datos. Las capacidades relacionadas incluyen convertidor data uri base64 a descarga imagen y convertir ico a data uri para etiqueta link html.
Información general
Image → Base64 convierte una imagen local (PNG, JPG, GIF, SVG, WEBP, etc.) en una Data URL codificada en Base64 con la forma
Cómo usar esta herramienta
Paso 1: haz clic en la zona de arrastre para abrir un selector de archivos, o arrastra una imagen directamente sobre ella. Paso 2: la herramienta lee la imagen y la convierte en una Data URL Base64; puedes ver la previsualización, el nombre de archivo, el tamaño original y la longitud de la cadena Base64. Paso 3: haz clic en "Copiar DataURL" para pasar toda la cadena al portapapeles; pégala en un CSS
background: url('...'), en un HTML <img src="..."> o en un campo JSON. Paso 4: haz clic en "Limpiar" para restablecer y subir otra imagen.Casos de uso habituales
los desarrolladores frontend reducen las peticiones HTTP incrustando iconos pequeños (favicon, iconos de botón) dentro de CSS; incrustar imágenes en plantillas de correo para que los destinatarios las vean sin enlaces externos; convertir un SVG en una Data URL para usarlo como fondo CSS; empaquetar recursos de imagen dentro de apps Electron o extensiones de Chrome; incrustar imágenes en documentos Markdown para evitar dependencias de rutas; enviar imágenes como valor de un campo JSON a una API.
Detalles técnicos
la conversión utiliza la API nativa del navegador
FileReader.readAsDataURL. La cadena Base64 tiene aproximadamente 4/3 del tamaño del archivo original (un 33 % de sobrecarga). La Data URL detecta automáticamente el tipo MIME (image/png, image/jpeg, etc.). Mantén las imágenes por debajo de unos 100 KB: una Data URL grande infla el HTML/CSS y perjudica el rendimiento de la primera pintura. Para SVG, la codificación URL suele ser más pequeña que Base64.Privacidad y seguridad
la lectura y la codificación de la imagen se realizan enteramente en tu navegador y nunca se suben, siendo seguro usarlo con capturas de pantalla, maquetas de diseño o fotografías de producto que contengan contenido sensible.