Por pura curiosidade, em quais navegadores a incorporação de imagem Base64 funciona? Estou me referindo a isso .
Sei que geralmente não é uma boa solução para a maioria das coisas, pois aumenta bastante o tamanho da página - só estou curioso.
Alguns exemplos:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />CSS:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
3
por que não configurar uma página com exemplos, todos nós vamos passar e fazer o teste real-vivo e informe-nos aqui
—
Nir Levy
64 bits ocupa apenas 6 caracteres 2 ^ 6. Uma sequência de texto terá no mínimo 8 bits por caractere, dependendo do tipo de codificação. Você perde pelo menos 25% de eficiência .... meu teste rápido mostrou cerca de 30% de perda.
Mais importante, você provavelmente perde a capacidade de armazenar suas coisas em cache de maneira eficaz.
—
Hut8
@BrianHaak "tremendamente" não diz nada. Eu pessoalmente usei imagens base64 várias vezes com o ReactJs nos últimos dois anos e não tive nenhum problema de renderização. Por favor, forneça algumas medidas.
—
Lukas Liesis
@LukasLiesé fiz medições no Google Chrome para fins comerciais, portanto, não há relatórios públicos aqui. Pode ser bom para renderizar imagens únicas, mas você deve considerar que o cache não funciona. No React.js, é muito crítico quando leva à conclusão da nova renderização de peças (em alterações na navegação, por exemplo).
—
Brian Haak 12/06