- Elige el archivo de imagen que quieres convertir.
- La herramienta genera la URL de datos Base64 y muestra una vista previa con el tamaño de salida.
- Copia la URL de datos y pégala en tu HTML, CSS o código.
La conversión se ejecuta por completo en tu navegador con el lector de archivos integrado. Las imágenes nunca salen de tu dispositivo, así que los gráficos sensibles y los recursos de clientes siguen siendo privados.
Una URL de datos empaqueta una imagen entera en una única cadena de texto: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA… Esa cadena se puede dejar caer directamente en una etiqueta img, un fondo CSS o una firma de correo, lo que hace que el recurso sea autocontenido: sin archivo aparte que subir, sin petición HTTP extra y sin rutas rotas cuando la carpeta se mueve. Es el truco estándar detrás de páginas HTML de un solo archivo, prototipos sin conexión, gráficos seguros para correo y pequeños favicons que deben sobrevivir al copiado de máquina en máquina.
Consejos
Base64 infla una imagen en aproximadamente un tercio, así que la salida siempre es más grande que el archivo original. Úsalo para recursos pequeños —iconos, logotipos, miniaturas— y revisa el tamaño que se muestra junto al resultado; para fotos grandes, una URL alojada normal es la mejor opción.
Mantén la URL de datos en CSS o marcado que cambie rara vez; regenerarla en cada compilación engorda tu diff. Cuando necesites el Base64 crudo sin el prefijo data:image, recorta la parte anterior a la primera coma.
Por qué usarlo
Subir imágenes a convertidores de terceros significa entregar archivos que quizá no quieras compartir, y las herramientas de escritorio son excesivas para un solo icono. Este conversor es instantáneo, gratis y totalmente local, y produce una URL de datos verificada con vista previa y tamaño de un vistazo.
Real-world use cases
- Blog and e-commerce: Shrink product photos from 4MB to ~200KB before upload. Your pages load faster and Google PageSpeed scores improve.
- Email and forms: Many inboxes reject >10MB attachments. Compress once and you reliably stay under limits.
- Portfolio and social: Keep visual quality high at 75-85% while cutting bandwidth for viewers on mobile data.
How it compares
| Tool | Upload required | Privacy | Batch | Cost |
|---|---|---|---|---|
| This tool | No | 100% local | 1-by-1 (high quality) | Free |
| TinyPNG/Squoosh | Yes / No | Server or local | Yes | Freemium |
| Photoshop | No | Local | Yes | Paid |
For sensitive images or quick one-offs, a local browser tool wins on privacy and speed. For massive bulk jobs, a desktop app may be faster.
Pro tips
- For photos, try quality 78-82% first. You usually save 60-70% size with no visible loss.
- Scale down dimensions before lowering quality. A 4000px photo at 2000px is 4x smaller even at high quality.
- Keep a backup of the original. You can always re-export at lower quality, but you cannot recover detail after saving over the original.