画像を Base64 に変換

画像を Base64 データ URL に変換するか、Base64 の画像値をダウンロード可能な画像ファイルに戻します。

ファイルとコンテンツはブラウザ内でブラウザ上で処理され、サーバーにアップロードされません。

このツールについて

HTML や CSS で使える Base64 データ URL を作るために画像を選べます。Base64 の画像値を貼り付けて画像ファイルに戻すこともできます。結果の文字数と推定サイズを表示します。

できること

使い方

  1. 方向を選ぶ: 画像から Base64 か、Base64 から画像かを選びます。
  2. 内容を追加: 画像を選ぶか、Base64 の画像値を貼り付けます。
  3. コピーまたはダウンロード: データ URL をコピーするか、復元した画像をダウンロードします。

例

制限事項

よくある質問

データ URL と Base64 だけの違いは？
データ URL には data:image/png;base64,... のような MIME タイプの接頭辞が含まれます。Base64 だけの場合はエンコード内容のみです。
おすすめの画像サイズは？
元画像は数百 KB 以内を目安にしてください。長すぎるデータ URL はページ読み込みを遅くする場合があります。
CSS の url() から復元できますか？
データ URL 部分を貼り付ければ、外側の記述があれば自動で取り除きます。