画像 ↔ Base64変換ツールは、画像ファイル（PNG、JPG、SVG、WebP、GIF）をBase64エンコードされたデータURIに、またその逆に変換します。画像をドラッグ、貼り付け、またはクリックして読み込み、フルデータURI（data:image/...;base64,...）をコピーしてCSS、HTML、設定ファイルにインラインで埋め込むことができます。また、データURIを貼り付けてプレビューし、画像ファイルとしてダウンロードすることも可能です。
Base64エンコードされた画像は、CSS、HTML、または設定ファイルに直接埋め込むことができ、小さなアイコン、メールテンプレート、外部への画像リクエストが望ましくないビルド成果物などに有用です。このツールを使えば、その変換が非常にスムーズに行えます。画像ファイルをドラッグするか、クリップボードから貼り付けるか、クリックしてファイルを選択してください。ツールは、正しいMIMEタイプ（data:image/png;base64,...、data:image/svg+xml;base64,... など）を持つデータURIに変換します。逆の変換も可能です。データURIを貼り付けると、プレビュー用の画像が表示され、実際のファイルとして保存するためのダウンロードリンクが提供されます。すべての処理はブラウザ内で行われ、アップロードは発生しません。画像が外部に送信されることはありません。PNG、JPG/JPEG、SVG、WebP、GIF、ICO形式に対応しています。
画像を読み込む方法は複数あります。OSからファイルをドラッグ、クリップボードから貼り付け（スクリーンショットも可）、またはクリックしてファイル選択ダイアログを開くことができます。
データURIを貼り付けると、ツールが即座に画像をレンダリングするため、コピーやダウンロードの前に内容を確認できます。
CSS、HTMLのsrc属性、またはJSON設定にそのまま貼り付け可能な、完全なデータURI（data:image/...;base64,...）をコピーします。
アップロードの待機時間は不要です。すべての処理はローカルで行われます。容量の大きな画像であっても、1秒足らずで変換が完了します。
Base64データURIから、デコードされた画像を実際のファイル（PNG、JPG、SVGなど）として、正しい拡張子で保存できます。
PNG、JPG、SVG、WebP、GIF、ICOをサポートしています。MIMEタイプは自動検出されるため、データURIは常に正確です。
16×16のアイコンをBase64に変換し、background-image: url(...) にインラインで記述します。HTTPリクエストが発生せず、キャッシュミスもありません。アイコンはCSSの一部として同梱されます。
外部への画像参照がクライアントにブロックされたり、スパム扱いされたりする場合に、HTMLメール内に画像をデータURIとして直接埋め込みます。
WebpackやViteなどのバンドル出力に小さな画像を含めることで、アプリ起動時のアセットの往復リクエストを排除します。
デベロッパーツール、HTMLソース、またはCSSファイルからデータURIを貼り付けてプレビューし、元の画像をファイルとしてダウンロードします。
埋め込まれた画像が表示されない場合、データURIをデコーダーに貼り付けて、Base64が有効か、MIMEタイプが正しいかを確認します。
DevSuite Pro of ドックでImage Base64アイコンをクリックします。ドロップゾーンとデータURIフィールドを備えた2ペインのパネルが開きます。
ドロップゾーンにファイルをドラッグするか、クリップボードから貼り付ける（Ctrl+V）、またはゾーンをクリックしてファイルを選択します。プレビューが表示されます。
Base64データURIが出力フィールドに即座に生成されます。「コピー」をクリックするとクリップボードにコピーされ、インラインで貼り付ける準備が整います。
Base64 → 画像 の変換を行うには、フィールドにデータURIを貼り付けます。プレビュー画面に画像が表示され、ダウンロードボタンが現れます。
復元された画像を実際のファイルとして保存するか、データURIをコピーして他の場所で共有・埋め込みます。
DevSuite Pro を無料でインストールして、ブラウザで 39 以上の開発者ツールを利用しましょう。
