B64 Swap

Convierte imágenes ⇄ Base64 directo desde el Explorador de VS Code, te dice cuánto pesa realmente el resultado y te muestra las imágenes que están embebidas en tu código.

by chalalo

Funciones

Imagen → Base64. Clic derecho sobre una imagen → Convertir a Base64 (.txt). Se crea logo.png.txt junto a la imagen y aparece un reporte con el peso original, el Base64 y el Base64 comprimido con gzip, que es lo que realmente viaja por HTTP. Si la imagen supera el umbral de inline (10 KB por defecto), te avisa que conviene servirla como archivo.

Base64 → Imagen. Clic derecho sobre un .txt → Restaurar imagen desde Base64. El tipo de imagen se detecta por sus magic bytes (PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF), así que funciona aunque el nombre no diga la extensión. Acepta prefijo data:, saltos de línea, comillas y variante URL-safe. Si el Base64 está malo, te dice la línea y columna exactas.

Copiar como… data URI, CSS background-image, o código listo para pegar en TypeScript, Dart/Flutter, C#, JSON o HTML <img>.

Hover con miniatura. Pasa el mouse sobre un data:image/...;base64,... (o un Base64 largo de imagen) en cualquier archivo y ves la imagen, su tipo, dimensiones y peso, con acciones para guardarla o copiarla.

CodeLens. Sobre cada data URI de imagen aparece el tipo, dimensiones y peso, con acceso a "Guardar como imagen".

Selección múltiple. Selecciona varias imágenes o .txt y conviértelos de una vez, con un resumen del total.

Configuración

Sobre el porcentaje

Base64 siempre pesa cerca de un 33 % más que el original (4 bytes por cada 3). Por eso B64 Swap también muestra el tamaño con gzip: comprimido, el sobrecosto real suele bajar a unos pocos puntos.

Cualquier duda o oportunidad de mejora me puedes escribir a gonpec@gmail.com Chalalo ...