Cómo convertir una imagen a Base64
Publicado el 8 de septiembre de 2026 · 2 min de lectura
Incrustar una imagen pequeña directamente en tu código como una cadena base64 evita una solicitud de red adicional — útil para iconos, gráficos pequeños en CSS, o incrustar imágenes en payloads JSON. Esto codifica tu archivo de imagen en ese formato de texto exacto.
Probar Imagen a Base64Pasos
- 1
Abre la herramienta Imagen a Base64
Ve al codificador de base64.
- 2
Sube tu imagen
Elige el archivo que quieres codificar.
- 3
Convierte
La herramienta lee el archivo y lo codifica como una URL de datos base64.
- 4
Copia el resultado
Pega la cadena directamente en tu HTML, CSS o JSON.
Preguntas frecuentes
Sí — el texto base64 es aproximadamente un 33% más grande que el archivo binario original, que es la compensación por incrustarlo directamente como texto.
Una URL de data: completa (como data:image/png;base64,...) que puedes colocar directamente en un src de <img>, un background-image de CSS, o un campo JSON.
Para imágenes grandes, una referencia de archivo normal generalmente carga más rápido y se puede almacenar en caché por separado — la incrustación en base64 es mejor reservarla para iconos pequeños o imágenes donde evitar una solicitud adicional importa más.
Como la codificación ocurre localmente, puedes convertir una imagen propietaria o privada a base64 sin que pase por ningún servicio de terceros.