Eu tenho um gif repetido 3px x 3px que quero adicionar como um URI de dados para uma imagem de plano de fundo em CSS. No entanto, com transparência, ele passa a ter mais de 1000 bytes, enquanto que, com um fundo branco, é de 45 bytes. Existe alguma maneira desta imagem pode ser codificada do mesmo tamanho que a imagem de fundo branco com a transparência? Eu estou usando o Photoshop.
A imagem é 9px que pode ser representada como a abaixo (onde as caixas pretas são uma única cor e os hífens são áreas transparentes:
■-- --■ -■-
adobe-photoshop
gif
RichieAHB
fonte
fonte
Você já tentou o PNG?
pjc50
Depende de como você está salvando eles. Existem várias configurações que você pode ajustar, o que afetará o tamanho resultante. Além disso, o pjc50 está correto; Se você vai incorporar o arquivo gráfico na folha de estilo, então porque não apenas usar um PNG? Acabei de fazer um teste e até mesmo a versão codificada em base64 do PNG tem apenas 149 bytes.
Synetech