画像からBase64

HTML または CSS に埋め込むために、任意の画像を Base64 でエンコードされたデータ URI に変換します。

画像をアップロード

ここに画像ファイルをクリックまたはドラッグしてアップロードします

画像1枚・最大2MB
出力
0 文字

画像をBase64に変換

このツールは、画像ファイルを Base64 でエンコードされたデータ URI 文字列に変換します。この文字列を HTML または CSS に直接埋め込むことができるため、個別の画像ファイル リクエストの必要がなくなります。

Base64 エンコードではデータ サイズが約 33% 増加するため、大きな写真ではなく、アイコンやロゴなどの小さな画像に使用するのが最適です。

ファイルはブラウザ内でローカルに読み取られます。画像はサーバーにアップロードされず、安定した動作のため入力は 1 枚、最大 2MB に制限されています。

使用方法

  1. 画像ファイルをアップロード領域にドラッグ アンド ドロップするか、クリックして選択します。
  2. Base64 でエンコードされたデータ URI が以下のテキスト エディターに表示されます。
  3. コピーを使用して結果をコピーするか、保存を使用してテキスト ファイルとしてダウンロードします。

HTMLへの画像の埋め込み

Base64 データ URI を HTML img タグで直接使用できます: <img src="data:image/png;base64,...">

CSS では、背景画像にデータ URI を使用できます。background: url('data:image/png;base64,...')

Pythonで変換する

Python を使用して画像を Base64 に変換します。

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()