ケース例
画像 Data URL の例
入力: logo.png
操作: 画像を選択して Data URL をコピー
出力: data:image/png;base64,iVBORw0KGgo...
画像を Base64 に変換
画像を Base64 または Data URL に変換し、CSS、HTML、メール、API テストに使います。
適した入力タイプ
- PNG、JPEG、SVG などの対応画像ファイル
- 小さなアイコンや埋め込み素材
- Data URL に使用する画像
手順
- Base64 画像変換画面を開きます。
- 端末から画像ファイルを選択します。
- Data URL または生の Base64 結果をコピーします。
- 結果を CSS、HTML、テンプレート、テストデータで使用します。
このシナリオでよくある問題
大きなファイルは長い文字列になります
Base64 は小さな素材に適しています。大きな画像は HTML や CSS の容量を増やします。
Data URL と生の Base64 の違い
Data URL は MIME プレフィックスを含み、生の Base64 はエンコード済みデータだけを含みます。
共有前にプレビューを確認
プレビューでエンコード後の画像が元画像と一致するか確認します。
関連シナリオ
画像 Base64 FAQ
画像の Base64 はどんな時に使いますか？
小さな埋め込み素材、メールテンプレート、デモ、簡単な API テストに使えます。
Data URL と生の Base64 のどちらを使うべきですか？
ブラウザー表示には Data URL、エンコード済みデータのみを要求するシステムには生の Base64 を使います。
大きな画像も変換できますか？
可能ですが、結果のテキストが非常に長くなり、性能に影響することがあります。