Una herramienta rápida, privada y amigable para desarrolladores para incrustar imágenes como Base64.
100% Privado
Tu imagen nunca sale de tu dispositivo. Toda la codificación ocurre en el navegador sin subidas a servidor.
Todos los Formatos de Imagen
Soporta PNG, JPG, WebP, GIF, SVG, BMP y cualquier formato que tu navegador pueda mostrar.
Múltiples Formatos de Salida
Obtén Base64 puro, URL de datos completa, etiquetas HTML img o código CSS background-image.
Codificación Instantánea
La codificación ocurre en milisegundos usando las APIs nativas FileReader y Canvas del navegador.
Cuándo Usar Imágenes Base64
Incrustar imágenes como Base64 es útil en escenarios específicos.
Plantillas de Email
Incrusta imágenes directamente en emails HTML para evitar enlaces rotos cuando los clientes bloquean solicitudes externas.
Fondos CSS
Incrusta pequeñas imágenes decorativas directamente en CSS para reducir solicitudes HTTP.
Cargas de API
Envía imágenes como cadenas Base64 en cargas JSON de API donde la subida de archivos binarios no está soportada.
Apps Offline/Locales
Empaqueta imágenes como Base64 en HTML o JavaScript para aplicaciones web offline completamente autónomas.
Preguntas Frecuentes
Encuentre respuestas a las preguntas más comunes.
Base64 es un esquema de codificación que convierte datos binarios de imagen (bytes) en una cadena ASCII. Una URL de datos antepone a esta cadena el tipo MIME (data:image/png;base64,), permitiendo que los navegadores muestren la imagen sin una solicitud HTTP separada.
La codificación Base64 usa 4 caracteres ASCII para representar cada 3 bytes de datos binarios, resultando en un aumento de tamaño de aproximadamente el 33%. Esto es un compromiso por la conveniencia de incrustar imágenes en línea en formatos de texto.
Tus imágenes nunca se suben a ningún servidor. La conversión ocurre completamente en tu navegador usando la API FileReader. Esta herramienta procesa todos los datos localmente en tu dispositivo.
Usa Base64 para iconos pequeños, logos o imágenes decorativas en plantillas de email, apps offline de una página o archivos CSS donde quieras cero solicitudes HTTP externas. Para imágenes grandes o reutilizadas frecuentemente, una URL normal con caché es más eficiente.