Mac または Python で CSS データ URI 用に PNG 画像を Base-64 でエンコードする方法

CSS データ URI 用の Base-64 エンコード PNG 画像-

問題:

データを使用した 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 プレフィックスが必要です。
• decode('utf-8') ステップは必須ですCSS で適切に表示するために文字列が Unicode に準拠していることを確認します。

以上がMac または Python で CSS データ URI 用に PNG 画像を Base-64 でエンコードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。