ファイルを選択
  1. base64hub
  2. 画像ツール

Base64 画像ツール・変換ツール

画像を HTML、CSS、JSON、API 用の Base64 文字列や Data URI に変換したり、Base64 を貼り付けて中の画像をプレビュー・保存したりできます。どの変換ツールもブラウザ内でオフラインで動きます。

無料 登録不要・制限なし ローカル アップロードなし 更新日 2026/10/27
IMG画像を Base64 に変換PNG、JPG、GIF、WebP、SVG を Data URI に IMGBase64 → 画像画像をプレビュー・ダウンロード SVGSVG を Base64 にベクターアイコンを CSS 用 data URI に PNGPNG を Base64 に変換可逆圧縮の画像を Data URI に JPGJPG を Base64 に変換写真を Base64 文字列に PNGBase64 → PNGPNG をプレビュー・保存 JPGBase64 → JPGJPEG をプレビュー・保存 SVGBase64 → SVGSVG の安全なプレビューとソース SVGSVG Data URIURL エンコードと Base64 を並べて比較 GIFGIF を Base64 に変換アニメーション GIF を Data URI に GIFBase64 → GIFGIF アニメーションをプレビュー WEBPWebP を Base64 に小さなモダン画像を data URI に WEBPBase64 → WebPWebP をプレビュー・保存 ICOファビコンを Data URI にHTML にファビコンを埋め込む ICOBase64 → ICOアイコンを確認・保存 BMPBMP → Base64ビットマップ、PNG への変換も可 BMPBase64 → BMPビットマップを表示・保存 AVIFAVIF を Base64 に次世代画像を Data URI に HEICHEIC を Base64 に変換iPhone の写真を Base64 に TIFFTIFF を Base64 にスキャン画像や TIFF 画像を Base64 に

どの画像ツールを使えばよいか

やりたいことツール
あらゆる画像を Base64 や Data URI に画像を Base64 に変換
Base64 を貼り付けて画像を見るBase64 を画像に変換
ロゴ、スクリーンショット、透過PNG を Base64 に変換、Base64 を PNG に変換
写真JPG を Base64 に変換、Base64 を JPG に変換
Web 向けの小さなファイルWebP を Base64 に変換、AVIF を Base64 に変換、Base64 を WebP に変換
アニメーションGIF を Base64 に変換、Base64 を GIF に変換
CSS のベクターアイコンSVG を Base64 に変換、または通常それより短い SVG Data URI
Base64 の SVG を安全に調べるBase64 を SVG に変換
埋め込みのファビコンファビコンを Data URI に、Base64 を ICO に変換
iPhone の写真、スキャン画像、古いビットマップHEIC を Base64 に変換、TIFF を Base64 に変換、BMP を Base64 に変換、Base64 を BMP に変換

エンコーダーの出力形式は共通です。プレーン Base64、Data URI、CSS の background-image、幅と高さ付きの HTML <img>、Markdown、名前・タイプ・サイズを含む JSON オブジェクトがあります。複数のファイルを一度にドロップしたり、Ctrl+V でスクリーンショットを貼り付けたりできます。

エンコード前に形式を選ぶ

Base64 はどの画像も 3 分の 1 大きくするので、最終的な長さの大部分は形式で決まります。

  • PNG：フラットなグラフィック、UI 要素、透過や文字を含むもの。
  • JPEG：写真。PNG だと数倍の大きさになります。
  • WebP：対象が対応していれば、どちらの用途にも。たいてい 3 つの中で最も小さくなります。
  • SVG：ベクター描画のアイコンやロゴ。URL エンコードした Data URI のほうが Base64 より短いことが多く、SVG Data URI ツールで並べて比較できます。
  • HEIC と TIFF はそのままエンコードされます。ほとんどのブラウザでは表示できないので、Web ページに表示する必要があるなら、先に JPEG か PNG に変換してください。

画像の Base64 を見分ける

接頭辞形式
iVBORw0KGgoPNG
/9j/JPEG
R0lGODlh / R0lGODdhGIF
UklGRRIFF コンテナ：WebP、ただし WAV 音声の場合もある
PHN2Zy / PD94bWwg<svg や <?xml で始まる SVG
AAABAAICO
QkBMP

完全な Data URI では、data:image/png;base64,iVBORw0KGgo… のように MIME タイプが前に付きます。デコーダーはどちらの形式も受け付け、前後の CSS や HTML ごと貼り付けた文字列も扱えます。文字列が画像でないとわかったら、Base64 をファイルに変換 でほかの形式を判定できます。PDF、音声、動画、文書は ファイルツール で扱えます。

よくある質問

Base64 文字列がどの画像形式か見分けるには？

先頭の文字を見てください。iVBORw0KGgo は PNG、/9j/ は JPEG、R0lGOD は GIF、UklGR は WebP などの RIFF コンテナ、PHN2Zy や PD94bWwg はたいてい SVG です。Base64 を画像に変換 なら形式を自動で判定します。

エンコードする前に画像を小さくできますか？

できます。PNG、JPG、WebP、GIF、BMP、AVIF の変換ツールと汎用の画像エンコーダーでは、最大幅へのリサイズ、品質スライダー付きの PNG・JPEG・WebP への再エンコード、EXIF メタデータの削除を、すべてブラウザ内で行えます。

小さなアイコンは Base64 で埋め込むべきですか？

小さなアイコンが数個なら、埋め込むとリクエストを減らせます。大きな画像はファイルにしたほうがよいです。Base64 はサイズを 3 分の 1 増やし、データをページと切り離してキャッシュできないからです。数値は Data URI のパフォーマンス にあります。