すべてのツール
画像コンバーター
Base64 から画像へ
画像サイズを確認
画像からカラーピッカー
ダミー画像ジェネレーター
画像から Base64 へ
画像からテキストへ
パスワードジェネレーター
PDF からテキストへ
QR コードスキャナー
YouTube サムネイルダウンローダー
マイクテスター
キーボードテスター
マウステスター
ウェブカメラテスター
文字ケース変換
写真に名前と日付を追加
画像を切り抜き
PDF から画像へ
画像リサイズ
画像圧縮
ファイルタイプを確認
マイスペース
マイタスク

表示、ダウンロード、共有
profile image
profile image
ようこそ 戻る !

ゲストユーザー

プレミアムに移行

広告なしの体験

アップグレード
クイックアクセス
メニュー
サイズ変更
CM
CM リサイザー
centimeters単位でリサイズ
2.5x2.5 CM
2.5x3.5 CM
3.3x4.8 CM
3.5x2.5 CM
3.5x3.5 CM
3.5x4.5 CM
IN
Inches リサイザー
inches単位でリサイズ
1.5x1.5 Inch
1.18x1.57 Inch
1.38x1.38 Inch
1.38x1.77 Inch
1.97x2.76 Inch
1x1 Inch
mm
MM リサイザー
millimeters単位でリサイズ
20x20 MM
25x25 MM
30x40 MM
32x26 MM
33x48 MM
35x35 MM
px
Pixel リサイザー
pixels単位でリサイズ
200x200 Pixel
256x256 Pixel
300x300 Pixel
400x400 Pixel
480x360 Pixel
480x660 Pixel
🗲
高速 • 無料 • 高品質

画像をBase64に変換

画像をアップロードすると、すぐにBase64コードへ変換できます。コピー、プレビュー、またはHTML、CSS、JSON、Webプロジェクトで直接使用できます。

ここに画像をドロップ

ドラッグ＆ドロップ、またはクリックして選択
PNG、JPG、GIF、WebP • 1ファイルあたり最大20 MB

さらに画像をドロップ
またはクリックして追加

アップロード済み画像 0
Base64出力
使い方

画像を数秒でBase64に変換

画像をアップロードし、クリーンなBase64コードを生成して、HTML、CSS、JSON、またはアプリ開発でコピーして使用できます。

01

画像をアップロード

画像をドラッグ＆ドロップするか、ファイル選択をクリックしてください。JPG、PNG、GIF、WebPに対応しています。

02

Base64を生成

アップロードした画像のコードボタンをクリックし、データURL、Raw Base64、CSS、またはHTML形式を選択します。

03

コピーして使用

Base64出力をコピーして、Webサイト、スタイルシート、APIペイロード、またはプロジェクトファイルに直接貼り付けられます。

出力例

開発者向け

Base64
<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAA..." alt="image">
すばやく使う場合はサーバーへのアップロード不要
アイコン、プレビュー、メール、JSONに便利
データURL、CSS背景、またはHTMLタグとしてコピー
機能

強力な画像からBase64への変換機能

WebプロジェクトでBase64画像コードをより速く変換、コピー、使用するために必要な機能を備えています。

即時変換

複雑な処理を待たずに、画像をすばやくBase64コードへ変換できます。

複数形式に対応

PNG、JPG、JPEG、GIF、WebPなどの人気画像形式に対応しています。

開発者向け出力

Base64をデータURL、Rawコード、CSS背景画像、またはHTML画像タグとしてコピーできます。

一括画像対応

複数の画像をアップロードし、それぞれの画像ごとにBase64出力を生成できます。

テキストファイルをダウンロード

生成したBase64出力を後で使用またはバックアップするために.txtファイルとして保存できます。

シンプルで使いやすいUI

スムーズなアップロードエリア、プレビューカード、モーダル出力により、簡単に使用できます。

画像をBase64に変換

画像からBase64とは？

画像からBase64への変換は、画像ファイルをテキスト形式のコード文字列に変換するシンプルな方法です。このBase64コードは、別の画像ファイルにリンクせずに、HTML、CSS、JSON、メール、またはアプリプロジェクト内で直接使用できます。

小さなアイコン、ロゴ、プレビュー、プレースホルダー、UI素材をコード内に直接埋め込みたい場合に便利です。追加の画像リクエストを減らし、画像データの共有も簡単になります。

変換を開始 無料・高速・簡単に使えます

HTMLで使用

Base64を画像のsrc属性内に直接貼り付けられます。

CSSで使用

アイコンやUI素材の背景画像としてBase64を追加できます。

JSONで使用

APIペイロードや設定ファイル内で、画像データをテキストとして送信できます。

おすすめ用途
アイコン ロゴ メール画像 CSS素材 APIテスト 小さなプレビュー
例

画像Base64コードの例

変換したBase64画像をHTML、CSS、JSON、またはメールテンプレートで使用できます。

HTML画像タグ

画像をHTML内に直接埋め込みます。

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo">

CSS背景

Base64画像を背景として使用します。

.icon {
  background-image: url("data:image/webp;base64,UklGR...");
}

JSONペイロード

APIリクエスト内で画像データを送信します。

{
  "name": "preview.png",
  "image": "data:image/png;base64,iVBORw0KGgo..."
}

クイックヒント

Base64は、アイコン、ロゴ、プレースホルダー、プレビューのような小さな画像に最適です。大きな画像の場合は、通常の画像URLの方がパフォーマンス面で適しています。

FAQ

よくある質問

画像をBase64に変換する方法や生成されたコードの使い方に関する簡単な回答です。

画像からBase64への変換は、画像ファイルをテキストコード文字列に変換し、HTML、CSS、JSON、メール、またはアプリプロジェクトで直接使用できるようにするものです。

JPG、JPEG、PNG、GIF、WebP、その他ブラウザ対応の一般的な画像ファイルを使用できます。

HTML画像タグ、CSS背景画像、JSONペイロード、メールテンプレート、APIテスト、小さなUI素材などで使用できます。

Base64はアイコン、ロゴ、プレビューのような小さな画像に最適です。大きな画像の場合は、通常の画像URLの方がWebサイト速度に適しています。

はい。このツールでは、データURL、Raw Base64、CSS背景画像、またはHTML imgタグとして出力を生成できます。

関連ツール

さらに便利な画像ツール

画像の変換、リサイズ、圧縮、管理をより速く行える無料ツールもお試しください。

Base64 から画像へ

Base64 テキストをデコードして、ダウンロード可能な画像ファイルに戻します。

画像コンバーター

JPG、PNG、WEBP、GIF、AVIF、BMP、TIFF など、さまざまな形式の画像をすばやく変換します。

画像からテキストへ

OCR を使って画像から読み取り可能なテキストを抽出し、簡単にコピーできます。

画像を切り抜き

カスタム範囲、比率、プレビュー付きでオンラインで画像を切り抜けます。

画像リサイズ

幅、高さ、パーセンテージ、ピクセル、cm、インチ、mm を指定して画像サイズを変更します。

画像圧縮

見た目の品質を保ちながら画像を圧縮し、ファイルサイズを削減します。