Convertir WebP a Base64 - Gratis, Instantáneo, en tu Navegador
Conversor de WebP a Base64
Hasta 10 MB. No se sube nada: el archivo no sale de tu dispositivo.
Úsalo en un atributo <img src> o en una url() de CSS.
Sin el prefijo data:, para cargas JSON y APIs.
Tus archivos son privados
Esta conversión se ejecuta por completo dentro de tu navegador. La imagen nunca se sube, así que nada de lo que codifiques aquí llega a nuestro servidor ni a nadie más.
Sobre la conversión de WebP a Base64
WebP ya es el compacto. Un archivo que pesaría 40 KB como PNG suele quedarse en unos 15 KB como WebP, así que el 33 % que añade Base64 duele menos en términos absolutos que con cualquier otro formato. Eso convierte a WebP en un candidato inusualmente bueno para incrustar, con una pega que no tiene nada que ver con el tamaño.
Cómo convertir WebP a Base64
- 1 Suelta tu archivo .webp en el área de carga.
- 2 Las formas codificadas aparecen al instante, junto con el tamaño antes y después.
- 3 Copia la forma que encaje: data URI, cadena en bruto o la regla CSS.
Incrustar elimina tu respaldo
La forma normal de servir WebP es un elemento picture que ofrece primero WebP y después un JPG o PNG, dejando que cada navegador tome lo que entiende. Un data URI no puede hacer eso: es una única cadena con un único tipo de medio, y un navegador que no sepa descodificar WebP simplemente no muestra nada. Hoy el soporte es muy amplio, así que esto rara vez muerde en la web abierta, pero sí muerde en clientes de correo, en navegadores embebidos antiguos y en aplicaciones de escritorio que renderizan HTML con un motor envejecido.
Dónde encaja bien
Allí donde controlas el entorno de ejecución y sabes que WebP se descodificará: un panel interno, un panel de administración, una extensión de navegador, una aplicación Electron, un sistema de diseño dirigido a un público sólo moderno. En esos sitios obtienes a la vez la compresión de WebP y ninguna petición extra, que es casi lo mejor que puede dar el incrustado. En una página de marketing pública, donde todavía importa una fracción de por ciento de visitantes, prefiere un elemento picture y un archivo normal.
La caché sigue siendo la mayor pérdida
Como los archivos WebP son pequeños, tienta incrustar muchos. Ahí es donde el segundo coste se multiplica: cada imagen incrustada vive dentro de la hoja de estilos, así que un solo cambio en una línea de CSS las invalida todas de golpe y el visitante vuelve a descargar el conjunto entero. Diez imágenes pequeñas incrustadas pueden ser fácilmente peores que diez archivos en caché. Mantén el número bajo, que cada una sea de verdad diminuta, y deja el resto como archivos normales que el navegador pueda cachear y reutilizar entre páginas.