Instala nuestra aplicación 🪄 haz clic en el icono en la parte superior derecha de la barra de direcciones.

Imagen a Base64

0 de 0 valoraciones
.gif, .png, .jpg, .jpeg, .svg permitidos. Máximo 1000 MB.
Una mujer joven haciendo el gesto de OK con la mano en un battlestation de neón demostrando la herramienta Image to Base64

Convierte cualquier archivo de imagen en una cadena Base64 al instante. Esta herramienta online gratuita de Image to Base64 no requiere registro y funciona directamente en tu navegador.

Cómo funciona la codificación de imagen a base64

La codificación Base64 toma datos binarios y los mapea a un subconjunto ASCII de 64 caracteres. Lees tres bytes cada vez. Eso son 24 bits. El algoritmo divide esos 24 bits en cuatro bloques de 6 bits. Cada bloque apunta a un carácter específico del alfabeto. Si el tamaño de tu archivo no es un múltiplo perfecto de tres bytes, la herramienta rellena el final con signos igual.

Al usar esta herramienta, lee los bytes crudos del archivo que subes. Ignora la extensión del archivo y mira los magic numbers reales. Un PNG empieza con bytes hexadecimales específicos. Un JPEG arranca con FF D8 FF. La herramienta luego antepone el tipo MIME correcto a tu salida si necesitas un data URI.

Cuándo usar un conversor online de imagen a base64

Necesitas esto cuando quieres incrustar gráficos pequeños directamente en tu código. Los archivos CSS y los documentos HTML pueden renderizar data URIs sin hacer peticiones HTTP extra. Esto reduce el tráfico de red para iconos diminutos o GIFs de carga. Solo pegas la cadena codificada en tu hoja de estilos o en tu markup.

Otro escenario común involucra APIs JSON. Algunos servicios web esperan adjuntos binarios codificados como texto dentro de un payload JSON. También podrías necesitarlo para guardar imágenes pequeñas en una columna de texto de base de datos o pasarlas por un parámetro de consulta en la URL. Solo recuerda que Base64 infla el tamaño original del archivo en un 33 por ciento.

  • Incrustar favicons pequeños o iconos de UI directamente en CSS.
  • Pasar datos de imagen a través de payloads JSON o parámetros de URL.
  • Guardar gráficos diminutos en columnas de base de datos de solo texto.
  • Generar data URIs para plantillas HTML de correo electrónico.

Límites de la herramienta de imagen a base64

Esta herramienta solo maneja el paso de codificación. No optimiza, redimensiona ni comprime tu archivo fuente. Si le pasas una fotografía masiva de 10 megabytes, obtendrás una cadena de texto masiva de 13 megabytes de vuelta. Los navegadores y los parsers se ahogarán con data URIs tan grandes. Solo deberías codificar assets pequeños.

El formato de salida depende enteramente de tu archivo fuente. Si subes una imagen WebP, la herramienta genera una cadena Base64 WebP. No va a convertir mágicamente un PNG a JPEG por ti. Si necesitas un formato distinto, debes convertir la imagen primero usando un editor gráfico dedicado.

Cómo usar Image to Base64

  1. Haz clic en el área de carga y selecciona tu archivo de imagen local.
  2. Espera a que el navegador lea los bytes del archivo y procese la codificación.
  3. Copia la cadena Base64 generada desde el área de texto de salida.
  4. Pega la cadena en tu HTML, CSS, JSON o terminal.

Prefijos data URI de Base64 por formato

Usa estos prefijos exactos al incrustar tu cadena codificada en HTML o CSS.

Formato de archivoTipo MIMEPrefijo Data URI
PNGimage/pngdata:image/png;base64,
JPEGimage/jpegdata:image/jpeg;base64,
GIFimage/gifdata:image/gif;base64,
WebPimage/webpdata:image/webp;base64,
SVGimage/svg+xmldata:image/svg+xml;base64,

Frequently asked questions

¿Esta herramienta de imagen a base64 es totalmente gratis?
Sí. Puedes convertir tantos archivos como necesites sin pagar ni crear una cuenta. No hay muros de pago ocultos ni niveles premium para esta utilidad específica.
¿La herramienta funciona en dispositivos móviles?
Funciona enteramente en tu navegador, así que corre en iOS y Android igual que en escritorio. Puedes seleccionar fotos directamente desde el carrete de tu móvil o tu gestor de archivos.
¿Por qué mi cadena Base64 es más larga que el archivo original?
La codificación Base64 traduce 3 bytes de datos binarios en 4 caracteres ASCII. Esta sobrecarga estructural aumenta el tamaño total en un 33 por ciento aproximadamente. Es una certeza matemática del esquema de codificación, no un bug.
¿Cómo convierto imagen a base64 sin el prefijo data URI?
La herramienta genera la cadena codificada en bruto por defecto. Si necesitas el formato data URI completo para HTML o CSS, simplemente antepones tú mismo la cadena del tipo MIME correcto usando la tabla de arriba.
¿Qué pasa si subo un archivo de imagen corrupto?
La herramienta lee bytes crudos, así que igual va a codificar los datos corruptos en una cadena Base64. Sin embargo, la imagen resultante no se renderizará en un navegador o visor de imágenes porque la estructura binaria subyacente está rota.

Compartir

Herramientas similares

Base64 a imagen

Decodifica una entrada Base64 a una imagen.

12
0

Herramientas populares