CSS 데이터 URI에 Base64로 인코딩된 PNG 이미지를 포함하는 방법은 무엇입니까?

CSS Data-URI에 Base64로 인코딩된 PNG 이미지 삽입

data-uri를 사용하여 PNG 이미지를 CSS 파일에 직접 삽입하려면 , Base-64로 인코딩되어야 합니다. 방법은 다음과 같습니다.

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>

참고:

• 데이터- uri에는 이미지 유형과 base64 접두사(data:image/{ext};base64,.
• 특정 브라우저 및 인코더를 사용하려면 디코드('utf-8') 단계가 필요함)가 포함되어야 합니다.

위 내용은 CSS 데이터 URI에 Base64로 인코딩된 PNG 이미지를 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!