Convertidor de Imagen a Base64
Convierte una imagen en un data URI Base64 gratis, listo para pegar en HTML o CSS. Sin registro, sin subir archivos: todo se procesa en tu navegador.
Prueba otra herramienta
Elegidas para acompañar a estaUna herramienta gratuita para convertir una imagen en un data URI Base64, directamente en tu navegador. Un data URI codifica toda la imagen como texto, así puedes pegarla directamente en HTML o CSS y evitar una solicitud de imagen aparte. Funciona con PNG, JPG, WebP, GIF y SVG. Base64 hace que el archivo sea un tercio más grande, por lo que es ideal para imágenes pequeñas como iconos y gráficos en línea. Todo se procesa localmente en tu dispositivo, sin subir nada a un servidor.
Cómo usar esta herramienta
- 01Elige una imagenArrastra una imagen al área de carga o haz clic para elegir una desde tu dispositivo.
- 02Copia el data URILa herramienta codifica la imagen como un data URI Base64. Copia el texto o el fragmento de HTML o CSS ya listo.
- 03Pégalo en tu códigoUsa el data URI como src de una imagen, fondo en CSS o en cualquier lugar donde se espere una URL.
¿Cuándo es útil?
- Iconos pequeños en líneaIncrusta un icono pequeño directamente en HTML o CSS para que cargue junto con la página y no necesite una solicitud extra.
- Correos y páginas de un solo archivoIncluye una imagen dentro de un archivo HTML autónomo sin enlazar a un archivo externo.
- Prototipos rápidosAñade una imagen a un sandbox de código o fragmento sin tener que alojarla antes en otro sitio.
Ejemplos
- Un fondo en CSSConvierte una textura PNG pequeña en un data URI y úsala como background-image en CSS.
- Una etiqueta img en líneaCopia el fragmento HTML para incrustar un logo directamente en una página sin un archivo aparte.
- Un icono SVGCodifica un icono SVG como data URI para incluirlo directamente en una hoja de estilos.
Cómo funciona la conversión
La herramienta lee tu imagen como bytes y los codifica como una cadena de texto Base64 en forma de data URI, que empieza con data:image/ seguido de los datos codificados. Puedes copiar el data URI en bruto, o un fragmento ya listo de etiqueta img en HTML o de fondo en CSS, y pegarlo directamente en tu código.
Formatos compatibles y compatibilidad con navegadores
Funciona con imágenes web habituales como PNG, JPG, WebP, GIF y SVG, y conserva el formato original dentro del data URI. Los data URI son compatibles con todos los navegadores en cualquier lugar donde se espere una URL, como el src de una imagen o un background-image en CSS.
Limitaciones y notas de calidad
Base64 añade aproximadamente un tercio al tamaño, por lo que un data URI es ideal para iconos pequeños y gráficos en línea, no para fotos grandes. Las imágenes incrustadas no se guardan en caché por separado y hacen que el HTML o CSS pese más, así que las imágenes reutilizadas o grandes es mejor enlazarlas como archivos normales. Se admiten archivos de hasta 10 MB.
Privacidad y procesamiento local
Tu imagen se lee y codifica localmente en tu navegador usando el lector de archivos integrado. Nunca se sube ni se almacena, así que la imagen permanece en tu dispositivo y se borra al actualizar la página.
Preguntas frecuentes
¿Qué es un data URI Base64?
Es la imagen codificada como una cadena de texto que empieza con data:image/…;base64,. Puedes pegarla en cualquier lugar donde se espere una URL.
¿Qué formatos son compatibles?
PNG, JPG, WebP, GIF y SVG. El data URI conserva el formato original de la imagen que subes.
¿Se suben mis imágenes a algún servidor?
No. La imagen se lee y codifica en tu navegador y nunca sale de tu dispositivo.
¿Por qué el texto es más grande que el archivo?
La codificación Base64 añade aproximadamente un 33% de sobrecarga, así que el texto resulta más grande que el archivo binario original.
¿Cuándo no debería usar un data URI?
Evítalo para imágenes grandes o reutilizadas en muchas páginas, ya que no se puede guardar en caché por separado y aumenta el peso del HTML o CSS.
¿Es gratuita esta herramienta?
Sí. La codificación es completamente gratuita, sin registro y sin límites asociados a un plan de pago.