100 100.tools
画像圧縮ツール 画像リサイズ 画像形式変換 Image Cropper SVG to PNG Converter Color Palette Extractor 画像透かしツール EXIF表示・削除ツール ファビコンジェネレーター ローカル画像圧縮・変換ツール 背景色を透明化するツール ピクセルアートメーカー ASCIIアート生成ツール 大見出しポスターメーカー

Image to Base64 Converter

Convert local images to Base64 Data URI, CSS url() or raw Base64 text directly in your browser.

Drop an image here

Ready.

Local only Small images work best. Up to 5 MB.
Drop an image here Use JPG, PNG, WebP, GIF or SVG files. FileReader runs in this browser tab.

Output settings

Choose the text format to generate.

Notes
  • Base64 usually increases file size by about one third.
  • Use Data URI for HTML and CSS url() for stylesheets.
  • Avoid embedding large images in production pages.

Base64 output

The Base64 output will appear here.

Ready.

この画像 Base64 変換ツールについて

このツールはローカル画像を読み込み、Base64 Data URI、CSS の url() 値、または生の Base64 文字列へ変換します。小さなアイコン、メールテンプレート、簡単な開発テストに便利です。

プライバシー

画像はブラウザ内にとどまります。このツールはファイルをアップロードせず、サーバーにも保存しません。

主な機能

  • 画像を Data URI、CSS url()、生の Base64 に変換
  • コピー前に選択した画像をプレビュー
  • ワンクリックで出力をコピー
  • 生成したテキストを .txt ファイルとして保存
  • アップロード不要の FileReader ローカル処理

使い方

  1. 画像を追加

    画像ファイルを選択するかツールへドラッグします。

  2. 出力モードを選ぶ

    Data URI、CSS url()、生の Base64 から選択します。

  3. テキストを生成

    ブラウザがファイルを読み込み、選択したテキスト形式を作成します。

  4. コピーまたは保存

    出力をコピーするか、テキストファイルとして保存します。

よくある質問

画像はアップロードされますか？

いいえ。FileReader がブラウザ内で画像を読み取ります。

なぜ Base64 は画像より大きいのですか？

Base64 エンコードでは通常、サイズが約 3 分の 1 ほど増えます。

大きな画像に Base64 を使うべきですか？

通常はおすすめしません。Base64 は小さなアイコンや埋め込みアセット向きです。

SVG も変換できますか？

はい。SVG ファイルも読み込んで Data URI または生の Base64 としてエンコードできます。

関連ツール

SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE 画像形式変換 アップロードなしで画像形式をローカル変換します。 JSON JSON整形・検証ツール JSONをローカルで整形、検証、折りたたみ表示。 IMAGE 画像圧縮ツール 画像をローカルで圧縮します。 IMAGE 画像リサイズ 画像を寸法、割合、プリセットでローカルリサイズ。 IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE Color Palette Extractor Extract HEX, RGB, HSL and CSS color palettes from images. IMAGE 画像透かしツール ブラウザ内の画像にテキストまたはロゴの透かしを追加します。