ホームページ > ウェブフロントエンド > CSSチュートリアル > Mac または Python で CSS データ URI 用に PNG 画像を Base-64 でエンコードする方法

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

Linda Hamilton
リリース: 2024-10-30 10:29:27
オリジナル
744 人が閲覧しました

How to Encode PNG Images in Base-64 for CSS Data-URIs on Mac or with Python?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート