Codificador y decodificador de imágenes Base64 — herramienta gratuita de conversión en línea
Codificador y decodificador de imágenes Base64
Convierta imágenes a Base64 y viceversa. Admite PNG, JPEG, GIF, WebP, BMP, SVG e ICO. La salida puede ser URI de datos, <img> de HTML, background-image de CSS, Markdown, JSON o XML. Todo el procesamiento se hace en local en su navegador — sus imágenes nunca se suben a ningún servidor.
Dirección:
Formato:
Subir imagen
📷
Haga clic para elegir o arrastre y suelte una imagen aquí
⚠ Imagen grande (>5 MB). El Base64 codificado será muy largo. Considere comprimirla antes.
Formato:
-
Dimensiones:
-
Tamaño del archivo:
-
Tamaño en Base64:
-
Salida (Base64)
Codificación: Imagen → Base64 Suba o arrastre y suelte una imagen para codificarla en Base64. Elija entre 7 formatos de salida: URI de datos (para incrustar directamente en páginas web), Base64 en bruto, <img> de HTML, background-image de CSS, Markdown, JSON o XML. Decodificación: cambie la dirección para decodificar una cadena Base64 de vuelta a una imagen: pegue cualquier Base64 o URI de datos y vea la vista previa de la imagen. El formato de imagen se detecta automáticamente a partir de los bytes mágicos (PNG, JPEG, GIF, WebP, BMP, ICO, SVG). Seguro para URL: sustituye + por - y / por _, y elimina el relleno = final. Formatos admitidos: PNG, JPEG, GIF, WebP, BMP, SVG, ICO. Privacidad: todo el procesamiento se hace en local en su navegador; sus imágenes nunca se suben.
Cuándo merece la pena incrustar imágenes
Incrustar una imagen como URI de datos ahorra una petición HTTP, pero el texto Base64 ocupa aproximadamente un 33% más que los bytes en bruto y no puede almacenarse en caché por separado de la página. Esa compensación merece la pena para iconos pequeños y gráficos de un solo uso, y normalmente no conviene para fotografías y recursos repetidos.
Regla práctica: incruste imágenes de menos de unos pocos KB — para algo mayor, un archivo de imagen almacenado en caché por separado es mejor en las visitas repetidas.
🔷 Información de Base64 de imágenes
Formatos de salida 7 formatos para distintos casos de uso.
URI de datos data:image/png;base64,...
Base64 en bruto Solo la cadena base64 simple
HTML Etiqueta <img src="...">
CSS background-image: url(...)
Markdown / JSON / XML Incrustar en documentos, API o configuraciones