Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Membenamkan Imej PNG Berkod Base64 dalam Data-URI CSS?

Bagaimana untuk Membenamkan Imej PNG Berkod Base64 dalam Data-URI CSS?

Linda Hamilton
Lepaskan: 2024-11-02 06:02:02
asal
945 orang telah melayarinya

How to Embed Base64-Encoded PNG Images in CSS Data-URIs?

Membenamkan Imej PNG Berkod Base64 dalam Data-URI CSS

Untuk membenamkan imej PNG terus ke dalam fail CSS menggunakan data-uri , ia perlu dikodkan asas-64. Begini cara untuk melakukannya:

Penyelesaian Python:

<code class="python">import base64

# Read the PNG file as binary
filepath = "path/to/image.png"
binary_fc = open(filepath, 'rb').read()

# Base-64 encode the binary data
base64_utf8_str = base64.b64encode(binary_fc).decode('utf-8')

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

# Create the data-uri
dataurl = f'data:image/{ext};base64,{base64_utf8_str}'</code>
Salin selepas log masuk

Nota:

  • Data- uri mesti menyertakan jenis imej dan awalan base64: data:image/{ext};base64,.
  • Langkah penyahkod('utf-8') diperlukan untuk berfungsi dengan penyemak imbas dan pengekod tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Membenamkan Imej PNG Berkod Base64 dalam Data-URI CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan