Un logotipo de 3 KB no necesita su propia petición al servidor. Si va dentro del CSS como texto, el navegador descarga un archivo menos. Aquí conviertes una imagen PNG, JPG, GIF, WebP, BMP o SVG en ese texto, y también puedes hacer el camino inverso con una cadena Base64.
Imagen a Base64 con cinco formatos de salida
Suelta una imagen en la zona de carga o haz clic y elige un archivo. Verás la vista previa, el nombre, el tipo MIME, el tamaño en bytes y las dimensiones en píxeles. Debajo aparecen cinco cuadros, cada uno con su botón «Copiar»: data URI, Base64 sin formato, etiqueta <img> de HTML, regla background-image de CSS e imagen en Markdown. Cada cuadro tiene además un botón «Descargar .txt».
Al abrir la página hay una imagen de ejemplo cargada, para que veas el resultado antes de subir la tuya. El nombre del archivo pasa a ser el texto alternativo de los fragmentos HTML y Markdown, con comillas y corchetes escapados.
Cuánto pesa de más el texto Base64
Base64 escribe cada 3 bytes como 4 caracteres, así que el texto ocupa alrededor de un 33 % más que el archivo. La herramienta muestra la cifra exacta de tu imagen. Si el texto supera los 100 KB aparece un aviso: una imagen incrustada engorda el HTML o el CSS y no se guarda en caché por separado. En fotos grandes casi siempre conviene un archivo normal; en iconos pequeños, lo contrario.
Pasos para obtener el fragmento
- Deja activo el botón «Imagen a Base64».
- Suelta la imagen en la zona de carga o haz clic y elige el archivo.
- Revisa la vista previa y las cifras.
- Pulsa «Copiar» en el cuadro que necesites, o «Descargar .txt» para guardar ese texto.
De la cadena Base64 a un archivo de imagen, con sus límites
Elige «Base64 a imagen» y pega un data URI completo o solo el Base64. Se aceptan el alfabeto seguro para URL (- y _), el relleno = ausente y los saltos de línea. Un data URI sin ;base64 se lee como texto con codificación porcentual. El tipo se detecta por los primeros bytes (PNG, JPEG, GIF, WebP y BMP) o por el inicio <svg; si el data URI declara otro tipo, la herramienta avisa y se fía de los bytes. La descarga se llama image.png, image.jpg, etc.
El límite es de 20 MB por imagen, al codificar y al decodificar; un archivo mayor se rechaza sin leerlo. Si el texto es larguísimo, los cuadros muestran los primeros 100.000 caracteres, pero copiar y descargar usan el texto entero. Nada sale del navegador: el archivo se lee con la API de archivos, la vista previa usa una URL blob local, no se envía ninguna petición y no se guarda nada. El portapapeles solo se usa al pulsar «Copiar».