Usando codificação Base64 para imagens PNG em URIs de dados CSS

Para incorporar imagens PNG em folhas de estilo CSS usando URIs de dados, os dados PNG deve primeiro ser codificado no formato Base64. Esta técnica permite que arquivos de imagem externos sejam incluídos diretamente na folha de estilo.

Solução de linha de comando Unix:

base64 -i /path/to/image.png

Este comando gerará os dados PNG codificados em Base64.

Solução Python:

import base64

with open("/path/to/image.png", "rb") as f:
    binary_data = f.read()

base64_data = base64.b64encode(binary_data).decode("utf-8")
ext = "png"

data_uri = f"data:image/{ext};base64,{base64_data}"

print(data_uri)

Este script Python lê o arquivo PNG no modo binário, converte-o em Base64 e, em seguida, constrói o URI de dados, incluindo o tipo e extensão MIME apropriados.

Observações adicionais:

• Certifique-se de que a extensão da imagem esteja incluída no URI de dados após o tipo MIME, por exemplo, "data:image/png;base64".
• Use o Método "decode('utf-8')" em Python para lidar com quaisquer possíveis problemas relacionados ao Unicode.