Imagen → Base64

Image → Base64 convierte una imagen local (PNG, JPG, GIF, SVG, WEBP, etc.) en una Data URL codificada en Base64 con la forma 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.

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.

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.

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.

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.