Bagaimana untuk Mengekodkan Imej PNG dalam Base-64 untuk CSS Data-URI pada Mac atau dengan Python?

Base-64 Pengekodan Imej PNG untuk CSS Data-URI

Masalah:

Menggabungkan imej ke dalam CSS menggunakan data- URI memerlukan penukaran imej kepada format Base-64. Bagaimanakah ini boleh dicapai pada Mac atau menggunakan Python?

Penyelesaian:

Pelaksanaan Python:

<code class="python">import base64

# Open the PNG file and read its binary contents
binary_file_content = open(filepath, 'rb').read()

# Encode the binary contents to Base-64 and decode it as UTF-8
base64_utf8_str = base64.b64encode(binary_file_content).decode('utf-8')

# Extract the file extension
ext = filepath.split('.')[-1]

# Format the complete data-URI
dataurl = f'data:image/{ext};base64,{base64_utf8_str}'</code>

Nota:

• Data:image/{ext};base64, awalan diperlukan untuk menentukan jenis data imej.
• Langkah penyahkod('utf-8') adalah penting untuk memastikan rentetan mematuhi Unikod untuk paparan yang betul dalam CSS.

Atas ialah kandungan terperinci Bagaimana untuk Mengekodkan Imej PNG dalam Base-64 untuk CSS Data-URI pada Mac atau dengan Python?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!