Использование кодировки Base64 для изображений PNG в URI данных CSS

Чтобы встроить изображения PNG в таблицы стилей CSS с использованием URI данных, данные PNG сначала необходимо закодировать в формат Base64. Этот метод позволяет включать внешние файлы изображений непосредственно в таблицу стилей.

Решение для командной строки Unix:

base64 -i /path/to/image.png

Эта команда выведет данные PNG в кодировке Base64.

Решение 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)

Этот сценарий Python считывает PNG-файл в двоичном режиме, преобразует его в Base64, а затем создает URI данных, включая соответствующий тип и расширение MIME.

Дополнительные примечания:

• Убедитесь, что расширение изображения включено в URI данных после типа MIME, например «data:image/png;base64».
• Используйте «decode('utf-8')» в Python для решения любых потенциальных проблем, связанных с Unicode.