URL読込時は通信

26 / IMAGES

画像 / Base64変換

画像ファイル・URLからBase64へ。Base64から画像へ。

使い方・入力例・よくある質問

画像をBase64またはData URLに変換し、Base64から画像ファイルを復元できます。PNG・JPEG・WebP・GIFに対応し、画像の元データを保持します。画像ファイルはブラウザ内で処理します。

画像 / Base64変換の使い方

  1. 「画像 → Base64」でファイルを選ぶか、画像URLを入力して「URLを読み込む」を押します。
  2. Data URLかBase64のみを選択し、結果をコピーまたはテキストで保存します。
  3. 逆方向は「Base64 → 画像」に貼り付け、「画像に変換」で確認して画像を保存します。

入力と出力の例

画像をHTML・CSS用にする

設定:画像 → Base64/Data URL

入力
1 × 1 px のPNGファイル
出力
data:image/png;base64,iVBORw0KGgo…

省略した表示例です。実際の出力は画像全体のバイト列を含み、通常は元のファイルより約33%大きくなります。

よくある質問

画像URLを読み込めない場合は?

接続先がこのサイトからのCORSアクセスを許可する必要があります。公開画像でも許可がないと読めません。画像を手元に保存してファイルを選択してください。Cookieや認証情報は送信しません。

GIFのアニメーションや撮影情報は残りますか?

画像を再圧縮せず元のバイト列を変換するので、GIFのアニメーションや元の画像情報を保持します。Base64は暗号化ではなく、画像の内容を秘密にはできません。

SVGも変換できますか?

SVG・HEICには対応しません。最大20 MiB、各辺16,384 px、合計2,500万画素までです。Data URLの宣言と実際の画像形式が違う場合もエラーになります。

仕様と制限

PNG・JPEG・WebP・GIFとData URLに対応。最大20 MiB。URLは接続先のCORS許可が必要です。SVGには対応しません。

ON THE DESK

コードのそばに、もうひと道具。

広告 · Amazon

Amazonのアソシエイトとして、After 6 Laboは適格販売により収入を得ています。

アクセス解析・プライバシー

変換ツールの入力内容・結果はブラウザ内で処理します。画像URL・OGPのURL読み込みは、ボタンを押したときだけ指定した接続先へ直接通信します。画像・動画・Markdown・HTML・CSV・TSVファイルはサーバーへアップロードしません。自己署名証明書の生成と署名もブラウザ内で行い、秘密鍵をサーバーやアクセス解析へ送信しません。Markdownの外部画像とHTMLのスクリプトは読み込みません。APIクライアントは「送信」を押したときにURL・ヘッダー・本文を指定した接続先へ直接送信します。スピードテストは「測定を開始」を押したときに生成した測定用データをCloudflareへ送受信します。接続先にはIPアドレスが伝わります。これらの通信は当サイトのサーバーで中継しません。入力内容と測定結果をアクセス解析へ送信せず、ブラウザにも永続保存しません。ページを閉じると消去されます。

アクセス解析を有効にした場合、Google Analytics 4を利用して、閲覧したページ、ツール名・利用回数、コピー・画像保存などの操作、スピードテストの開始・完了・中断・エラー、商品リンクのクリックを計測します。GoogleがCookieを使い、端末・ブラウザ情報などを収集します。広告向けのGoogleシグナル・広告パーソナライズは無効にしています。

解析を無効にすると、その選択だけをこの端末のブラウザに保存します。入力内容は保存しません。Googleのプライバシーポリシー

現在、このサイトのアクセス解析は無効です。