Conversor de imagen a Base64
Codifica una imagen a un data URI Base64 directamente en tu navegador — cópialo como cadena, etiqueta <img> o CSS. Sin subir nada, totalmente privado.
Sin recopilación de datos
Sin base de datos, sin cuentas. Literalmente no podemos ver tus imágenes.
Ultrarrápido
Procesamiento nativo en el navegador: sin subir nada, sin esperas.
100 % gratis
Sin límites, sin marcas de agua, sin cargos ocultos. Nunca.
Sin cuenta requerida
¿Iniciar sesión? Nunca. Solo abre la herramienta y úsala.
Cómo funciona la codificación Base64 de imágenes
¿Qué es una imagen Base64?
Base64 representa datos binarios — como una imagen — usando solo caracteres de texto. Un "data URI" Base64 incrusta toda la imagen directamente en tu HTML o CSS, así que el navegador no tiene que hacer una petición de red aparte para obtenerla.
Un data URI se ve como data:image/png;base64,iVBORw0KGgo… — el prefijo le dice al navegador el tipo de archivo, y todo lo que sigue a la coma es la imagen codificada.
¿Cuándo incrustar una imagen como Base64?
Incrustar es ideal para recursos diminutos y frecuentes: iconos, logotipos, imágenes de marcador de posición o firmas de correo. Como la imagen viaja dentro del HTML/CSS, aparece al instante sin peticiones extra.
Evita Base64 para fotos grandes. Base64 hace un archivo un 33 % más grande, y las imágenes grandes incrustadas inflan tu HTML, no se pueden cachear por separado y ralentizan el primer renderizado. Para algo de más de unos kilobytes, un archivo <img> normal es más rápido.
¿Es privado?
Sí. La codificación ocurre por completo en tu navegador con la API FileReader. Tu imagen nunca se sube a un servidor, así que incluso imágenes muy grandes o sensibles se quedan en tu dispositivo.
Preguntas frecuentes
¿Convertir a Base64 aumenta el tamaño del archivo?
Sí — Base64 añade un 33 % de sobrecarga porque representa 3 bytes binarios con 4 caracteres de texto. Por eso es mejor para imágenes pequeñas y las fotos grandes deben seguir siendo archivos normales.
¿Qué formatos de imagen puedo codificar?
Cualquier formato que tu navegador pueda leer — PNG, JPG/JPEG, WebP, GIF, SVG, BMP e ICO. El data URI de salida conserva el tipo MIME del formato original.
¿Cómo uso la cadena Base64 en HTML?
Pégala como src de una etiqueta de imagen: <img src="data:image/png;base64,…" />. Usa el botón "Copiar como etiqueta <img>" para obtenerlo listo.
¿Cómo la uso en CSS?
Úsala como imagen de fondo: background-image: url("data:image/png;base64,…"); El botón "Copiar como CSS" lo formatea por ti.
¿Mi imagen se sube a algún sitio?
No. Todo corre localmente en tu navegador con la API FileReader. Ningún dato de imagen sale de tu dispositivo.