Eu tenho um gif repetido 3px x 3px que desejo 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:
■-- --■ -■-
Tags gif adobe-photoshop