Codificador de imágenes Base64

Arrastre y suelte su imagen (JPG, PNG, SVG, WEBP) o haga clic para cargarla. La herramienta genera instantáneamente la cadena Base64, lista para usar como URI de datos en CSS o HTML.

Utilice la codificación Base64 para imágenes pequeñas como iconos, logotipos y elementos de la interfaz de usuario (menos de 5 KB). Esto elimina las solicitudes HTTP para estos activos, lo que puede mejorar ligeramente el rendimiento. Para imágenes grandes, las URL externas son mejores.

Úselo como imagen de fondo: imagen de fondo: url('data:image/png;base64,iVBORw0KGgo...'); La herramienta genera automáticamente este fragmento de CSS listo para copiar.

Úselo como atributo src de una etiqueta img: <img src='data:image/png;base64,iVBORw0KGgo...'/>. La herramienta genera este fragmento HTML por usted.

Sí. La codificación Base64 aumenta el tamaño del archivo en aproximadamente un 33 % en comparación con el original binario. Esta es una compensación: guarda una solicitud HTTP pero los datos son mayores. Merece la pena para imágenes muy pequeñas pero no para fotografías grandes.

Sí. Cambie al modo Decodificar, pegue su cadena Base64 (con o sin el prefijo data:image/...) y la herramienta renderizará la imagen y le permitirá descargarla como un archivo. Esto es útil para extraer imágenes incrustadas del código fuente HTML o cargas útiles API.

Introduzca un JPG, PNG, GIF, WebP o SVG y la herramienta generará la cadena Base64 más fragmentos listos para pegar: un URI de datos, un img src y una URL de fondo CSS. La conversión es local, por lo que la imagen nunca se carga.

Pegue Base64 (o URI de datos completos) y la herramienta renderizará y le permitirá descargar la imagen original, lo que resulta útil para extraer una imagen incrustada de CSS o HTML.

Base64 incrusta la imagen directamente en HTML, CSS o un correo electrónico, por lo que no hay que cargar un archivo separado, lo cual es útil para íconos pequeños y recursos en línea, aunque es mejor dejar las imágenes grandes como archivos normales.

Sí, aproximadamente un tercio, ya que el binario se representa como texto. Por eso es mejor para activos pequeños donde evitar una solicitud pesa más que el tamaño.

No. La codificación y decodificación se realizan completamente en su navegador.