Herramienta 3.8

Convertir imagen a Base64 (data URL)

Convierte una imagen en data URL Base64, Base64 solo, etiqueta HTML <img> y línea de fondo CSS, listos para pegar. Corre en tu navegador; no se sube nada.

Funciona en tu equipoFunciona completa en tu navegador: nada de lo que escribes o subes sale de tu equipo.

Cómo usarla

Suelta una imagen o haz clic para elegirla (hasta 25 MB).
Aparecen cuatro recuadros: el data URL, el Base64 solo, una etiqueta HTML <img> y una línea de fondo CSS.
Presiona Copiar en el que necesites y pégalo en tu código.

Cuando una imagen tiene que viajar como texto

Base64 escribe un archivo como letras y números normales, para que pueda ir donde solo cabe texto. Casos típicos: un ícono pequeño dentro de un archivo CSS, un logo en una página o un informe HTML que debe ser un solo archivo, una foto que se envía a una API que espera un campo de texto, o datos de prueba en un JSON.

Un data URL es ese texto con una etiqueta corta al principio que dice qué tipo de archivo es. Los navegadores lo muestran igual que un enlace a una imagen normal, sin descargar ningún archivo aparte.

Cómo leer el resultado: un logo de 4 KB

Suelta logo.png, un ícono de 4 KB. La línea debajo de la vista previa dice que el archivo se volvió unos 5,4 KB de texto: Base64 siempre agrega más o menos un tercio. El recuadro Data URL empieza con data:image/png;base64,iVBORw0KGgo, que es como empieza cualquier PNG. Un JPEG empieza con /9j/ y un GIF con R0lGOD, así que los primeros caracteres te dicen el formato real aunque el nombre del archivo diga otra cosa.

Copia el recuadro que necesites. La etiqueta HTML va directo en una página, la línea CSS en una regla de estilo, y Solo Base64 es para las API o campos JSON que piden el texto sin la etiqueta data:.

Cuándo no conviene

Base64 no es compresión ni cifrado: el texto pesa más que el archivo, y cualquiera puede volverlo imagen. Por encima de 100 KB la herramienta muestra un consejo, porque una imagen grande incrustada vuelve más lenta la página que un enlace normal, y no se guarda en caché por separado.

El archivo se codifica tal cual, byte por byte: no se cambia de tamaño, ni se comprime, ni se limpia. Para un texto más corto, achica antes la imagen con el redimensionador o el compresor de imágenes; el compresor además quita los datos ocultos de la foto (EXIF).

Preguntas frecuentes

¿Por qué una imagen en Base64 no se ve en mi correo?

Muchos programas de correo no muestran las imágenes escritas como data URL, o las quitan, así que un logo en Base64 en la firma puede llegar como imagen rota. Para correo, adjunta la imagen o enlaza una copia publicada en un sitio web.

¿Puedo codificar un SVG?

Sí: suéltalo y el data URL empieza con `data:image/svg+xml;base64,`. En CSS, un SVG también puede ir en un data URL como texto plano con algunos caracteres escapados, que suele quedar más corto que en Base64; esta herramienta solo produce Base64.

¿Hay un límite de tamaño?

Los archivos de más de 25 MB se rechazan, porque cuatro recuadros con tanto texto congelarían la página. Desde 100 KB la herramienta muestra un consejo: a ese tamaño, un archivo de imagen normal suele cargar más rápido que el texto incrustado.

¿El Base64 conserva la ubicación de mi foto?

Sí, si la foto la tenía. La herramienta codifica el archivo sin cambiarlo, así que los datos EXIF (GPS, cámara, fecha) quedan dentro del texto. Quítalos con la herramienta de metadatos EXIF antes de codificar una foto que vas a publicar.

¿Cómo vuelvo a convertir el Base64 en imagen?

Pega el texto en la herramienta de Base64 de este sitio y presiona Decodificar a archivo. Acepta un data URL completo o solo el Base64, y le pone al archivo la extensión correcta cuando reconoce el formato.

3.1HEIC a JPGConvierte fotos HEIC del iPhone a JPG o PNG en tu navegador, varias a la vez y con la calidad que elijas.
3.2Comprimir imágenesReduce el peso de imágenes JPEG, PNG y WebP por calidad, dimensiones o un peso máximo en KB, varias a la vez.
3.3Quitar EXIF y GPSMira y elimina los metadatos ocultos de tus fotos (ubicación GPS, cámara, fecha) antes de compartirlas.
3.4Cambiar tamañoCambia el tamaño en píxeles o porcentaje, o la relación de aspecto (1:1, 4:5, 9:16…) recortando o con bordes.
3.5Convertir imágenesConvierte imágenes a PNG, JPG o WebP en tu navegador, varias a la vez.
3.6EPS a PNG o JPGConvierte un EPS, como el logo que te mandó la imprenta, en PNG con fondo transparente o en JPG a 150, 300 o 600 ppp.
3.7SVG a PNGConvierte archivos SVG a PNG con fondo transparente, o a JPG.

╌╌ FIN ╌╌