Skip to main content
DevTools24

画像からBase64へ

画像をBase64に変換して、HTML、CSS、JavaScriptに直接埋め込みます。

Click to upload or drag and drop an image

Supports PNG, JPG, GIF, SVG, WebP

Image to Base64 - 技術的な詳細

Base64 encoding allows binary image data to be represented as ASCII text, enabling you to embed images directly in HTML, CSS, or JavaScript without separate image files. This reduces HTTP requests but increases file size by ~33%.

コマンドラインでの代替方法

# Encode image to Base64 in terminal
base64 image.png

# Create data URI
echo "data:image/png;base64,$(base64 image.png)"

参照

公式仕様を見る