Logo Invert Image

Codificador de Imagen a Base64

Convierta imágenes en cadenas de texto para incrustarlas en el código.

Subir Imagen

Obtenga el código Base64 al instante

Solo en el Cliente Amigable para Desarrolladores

Codificación Base64 Explicada

La codificación Base64 convierte datos binarios (como una imagen) en una cadena de texto ASCII. Esto es increíblemente útil para desarrolladores web.

¿Por qué usarlo?

  • Incrustar directamente: Puede poner imágenes directamente dentro de HTML o CSS sin necesidad de cargar un archivo externo.
  • Reducir Solicitudes: Incrustar íconos pequeños acelera la carga de la página (menos solicitudes HTTP).
  • JSON/API: Enviar datos de imagen de forma segura a través de APIs JSON.

Codificar imágenes a Base64 — insértalas en HTML, CSS o JSON

Convierte una imagen en una cadena Base64 que puedes pegar directamente en HTML, CSS o un JSON. Las imágenes incrustadas viajan dentro del propio código: sin peticiones de archivos aparte, sin enlaces rotos y sin preocuparte del hotlinking.

El codificador muestra el tamaño resultante para que hagas el intercambio clásico a sabiendas: Base64 pesa un tercio más que el archivo binario, un buen trato para iconos pequeños y un mal negocio para fotos de portada.

Para qué la usa la gente

  • Incrustar iconos y logos pequeños en HTML y CSS
  • Insertar imágenes en APIs JSON y plantillas de correo
  • Crear páginas web autocontenidas en un solo archivo
  • Data URIs para canvas y apps sin conexión

Preguntas frecuentes

¿Cómo incrusto una imagen como Base64?

Sube la imagen, copia el data URI generado y pégalo en un o en un background-image de CSS. Se ve idéntico a la versión con archivo.

¿Cuándo NO conviene usar Base64?

Para fotos grandes: el formato añade un ~33% de tamaño y el navegador no puede cachearlo por separado. Por debajo de ~10 KB suele salir a cuenta.

¿Qué formatos se pueden codificar?

Cualquiera que el navegador lea: PNG, JPG, WebP, GIF, SVG y más.

¿El resultado es seguro para JSON?

Sí — Base64 usa solo letras, dígitos y unos pocos símbolos, así que atraviesa JSON sin problemas de escape.