毎日使う開発者ツールを、すべて一か所に。

コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。

/ ツール

■

/ ツールファインダー

109 個のツール

/ 画像から Base64 へ変換

画像を選択

最大ファイルサイズ: 5MB。対応形式: PNG, JPG, GIF, SVG, WebP

/ 選択中のツール

■

画像から Base64 へ変換 - 無料のコンバーターツール

HTML/CSS への埋め込み用に画像を Base64 データ URL に変換します

■ 01

Base64 画像エンコーディングとは?

Base64 エンコーディングは、画像ファイルを HTML や CSS に直接埋め込めるテキスト文字列に変換します。これにより画像用の個別の HTTP リクエストが不要になりますが、ファイルサイズは約 33% 増加します。

■ 02

どのように動作するのか?

Base64 エンコーディングは、バイナリの画像データを 6 ビット単位のチャンクに分割し、各チャンクを 64 文字のセット (A-Z、a-z、0-9、+、/) の 1 文字にマッピングすることで ASCII テキストに変換します。このエンコーディングにより、バイナリデータを…

■ 03

サンプルケース

HTML での使用と CSS での使用をカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

選択したツールのソースコード。右側のライブ版と並べて表示されます。

/ ソースコード

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;