Converter WebP para Base64 - Grátis, Instantâneo, no Navegador
Conversor de WebP para Base64
Até 10 MB. Nada é carregado — o ficheiro nunca sai do seu dispositivo.
Use isto num atributo <img src> ou num url() de CSS.
Sem o prefixo data: — para cargas JSON e APIs.
Os seus ficheiros permanecem privados
Esta conversão decorre inteiramente dentro do seu navegador. A imagem nunca é carregada, por isso nada do que codificar aqui chega ao nosso servidor nem a mais ninguém.
Sobre a conversão de WebP para Base64
O WebP já é o compacto. Um ficheiro que teria 40 KB em PNG fica muitas vezes por volta dos 15 KB em WebP, o que significa que os 33% acrescentados pelo Base64 doem menos em termos absolutos do que em qualquer outro formato. Isso faz do WebP um candidato invulgarmente bom para embutir — com um senão que nada tem a ver com o tamanho.
Como converter WebP para Base64
- 1 Largue o ficheiro .webp na área de carregamento.
- 2 As formas codificadas aparecem de imediato, juntamente com o tamanho antes e depois.
- 3 Copie a forma que servir: data URI, cadeia em bruto ou a regra CSS.
Embutir elimina o seu recurso alternativo
A forma normal de servir WebP é um elemento picture que oferece primeiro o WebP e depois um JPG ou PNG, deixando cada navegador levar aquilo que entende. Um data URI não consegue fazer isso: é uma única cadeia com um único tipo de media, e um navegador que não saiba descodificar WebP simplesmente não mostra nada. Hoje o suporte é muito amplo, por isso isto raramente morde na web aberta — mas morde em clientes de e-mail, em navegadores embebidos antigos e em aplicações de secretária que desenham HTML com um motor envelhecido.
Onde encaixa bem
Onde quer que controle o ambiente de execução e saiba que o WebP será descodificado: um painel interno, um painel de administração, uma extensão de navegador, uma aplicação Electron, um sistema de design destinado a um público só moderno. Nesses lugares obtém ao mesmo tempo a compressão WebP e nenhum pedido extra, que é mais ou menos o melhor que embutir consegue dar. Numa página de marketing pública, onde ainda importa uma fração de por cento de visitantes, prefira um elemento picture e um ficheiro normal.
A cache continua a ser a maior perda
Como os ficheiros WebP são pequenos, dá vontade de embutir muitos. É aí que o segundo custo se multiplica: cada imagem embutida vive dentro da folha de estilos, por isso uma única linha de CSS alterada invalida-as todas de uma vez e o visitante volta a descarregar o conjunto inteiro. Dez imagens pequenas embutidas podem facilmente ser piores do que dez ficheiros em cache. Mantenha o número baixo, faça com que cada uma seja mesmo minúscula, e deixe as restantes como ficheiros normais que o navegador possa guardar em cache e reutilizar entre páginas.