Mac이나 Python에서 CSS 데이터-URI용 Base-64로 PNG 이미지를 인코딩하는 방법은 무엇입니까?

CSS 데이터 URI용 PNG 이미지를 Base-64로 인코딩

문제:

데이터를 사용하여 CSS에 이미지 통합- URI를 사용하려면 이미지를 Base-64 형식으로 변환해야 합니다. Mac에서 또는 Python을 사용하여 이를 어떻게 달성할 수 있습니까?

해결책:

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>

참고:

• 이미지 데이터 유형을 지정하려면 data:image/{ext};base64, 접두사가 필요합니다.
• 디코드('utf-8') 단계는 필수입니다. CSS에서 적절하게 표시되도록 문자열이 유니코드와 호환되는지 확인하세요.

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