广告位

オンライン画像→Base64 変換

フロントエンド開発やメール署名向けの画像エンコードツール。ドラッグ&ドロップや貼り付けで画像を Base64 に変換し、Data URI/CSS/HTML img/JSON 出力に対応、圧縮オプション付き。

img64 に着想を得た画像→Base64 変換ツール。ドラッグ&ドロップ、貼り付け、クリックアップロード対応。完全ブラウザローカル処理、複数出力形式。

ここに画像をドロップ、またはクリックでアップロード または Ctrl+V で貼り付け

Docs

このツールは img64 に着想を得て、ブラウザ上で画像を直接 Base64 エンコードに変換します。ドラッグ&ドロップ、クリップボードからの貼り付け、ファイル選択に対応。出力形式は Data URI、CSS 背景、HTML img タグ、JSON。オプションの圧縮機能で品質とサイズを調整可能。すべての処理はブラウザローカルで完結し、ファイルが外部に送信されることはありません。

主な機能

  • ドラッグ&ドロップ、Ctrl+V 貼り付け、クリックアップロード対応
  • 出力形式:Data URI、CSS background-image、HTML img、JSON
  • 品質・最大幅・最大高さを調整可能な圧縮オプション
  • ファイル名、サイズ、種類、ピクセル寸法を表示
  • 現在の形式をワンクリックでコピー
  • 完全ブラウザローカル処理でプライバシーを保護

使い方

  1. 点線エリアに画像をドロップ、クリックで選択、または Ctrl+V で貼り付けます。
  2. 読み込み後、右側にファイル情報(名前・サイズ・種類・寸法)が表示されます。
  3. 必要に応じて圧縮を有効にし、品質・最大幅・最大高さを調整します。
  4. Data URI / CSS / HTML / JSON タブを切り替えて出力を確認します。
  5. 「コピー」ボタンでエンコード内容をクリップボードに保存します。

利用シーン

  • メール署名へのアイコン・アバター埋め込み
  • Web ページで Data URI を使用した HTTP リクエスト削減
  • CSS 背景画像のインライン参照
  • API ペイロードでの Base64 画像データ送信
  • プロトタイピングやデバッグでのインライン画像利用

注意事項

  • PNG、JPEG、GIF、WebP、SVG、BMP、ICO 等の一般的な形式に対応。
  • ファイルサイズは 20MB 未満を推奨。大きなファイルはブラウザのパフォーマンスに影響する可能性があります。
  • 圧縮は不可逆です。色精度が求められるデザイン作業では圧縮を無効にしてください。
  • すべての処理はブラウザ内で実行され、ファイルがサーバーにアップロードされることはありません。

最終確認日:2026-05-10 ソース:nutshot2000/img64

これも好きかも