ツール95

素晴らしい作品を作ろう

画像からBase64への変換.

PNG、JPG、WebPなどの画像をBase64、データURL、HTML、またはCSSに変換します。プレビュー、コードのコピー、またはテキストファイルのダウンロードが可能です。エンコードはデバイス内で行われます。

広告
画像ワークスペース
デバイス上で処理
またはここにドラッグ&ドロップ
PNG, JPG, JPEG, WEBP, GIF, BMP, AVIF
開始するには画像を選択してください。画像
広告
ブログ 画像を Base64 に変換する方法 ガイドを読む

バイトを変更せずに画像を Base64 に変換する

画像を Base64、データURL、HTML 画像、または CSS 背景に変換します。ソースをプレビューし、コード形式を選択してから、コピーするかテキストファイルをダウンロードしてください。エンコードはデバイス上で実行されます。

画像は再利用可能なコードになり、有効な画像コードは再び画像に戻ります。
クイックビデオチュートリアル How to encode an image as Base64 or HTML Choose an image, select HTML image code and download the encoded image as a text file. 英語のナレーション ビデオを見る

How to encode an image as Base64 or HTML

機能とコントロール

実際の画像バイトをエンコードする

画像を選択し、エディターを開いてエンコードされた形式を確認します。

エンコードが保持するもの

エンコードは、サイズ変更や再圧縮を行わずに選択されたファイルを読み取ります。既存の画像データ、メタデータ、アニメーションバイトは Base64 文字列内に保持されます。プレビューは識別用であり、出力を再作成するために使用されるものではありません。エンコードは画像の内容ではなく、バイトの表現方法を変更します。

プロジェクトに必要なコードを選択する

データURL、プレーン Base64、HTML 画像、CSS 背景を切り替えます。

コード形式の選択

データURLには、画像のMIMEタイプと base64 プレフィックスが含まれます。プレーン Base64 にはエンコードされたバイトのみが含まれます。HTML 画像は、データURLを空の alt 属性を持つ img タグでラップします(意味のあるコンテンツにするために記入してください)。CSS 背景は、それを background-image 宣言でラップします。コードを受け取るアプリケーションが期待する形式を使用してください。

コードをコピーするか、テキストとしてダウンロードする

コピーアイコンは共有の視覚的確認を使用します。

コピーと TXT ダウンロード

コードの上のコピーアイコンを選択して、現在選択されている表現をクリップボードに配置します。「スタート」をクリックすると、TXT ファイルのダウンロードページが開きます。テキストファイル名は元の画像ベース名を保持し、-base64 が追加されます。クリップボードへのアクセスがブロックされている場合は、テキストが選択状態になるため、手動でコピーできます。

埋め込む前にサイズを確認する

エディターには画像サイズと生成されたコードのサイズが表示されます。

Base64 が通常大きくなる理由

Base64 は通常、元のバイト数に約3分の1が加算され、さらにデータURLや HTML/CSS ラッパーが追加されます。小さな埋め込みアセットや自己完結型のドキュメントには便利ですが、画像圧縮ではありません。大きな埋め込み画像は HTML やスタイルシートの保守を困難にする可能性があり、含まれているファイルとは別にキャッシュすることはできません。

ローカルでの変換ワークフローを維持する

画像のエンコードとデコードにアップロードは必要ありません。

サポートされているファイルと制限

対応フォーマットは PNG、JPG、WebP、GIF、BMP、AVIF です(ブラウザでプレビュー可能なものに限ります)。画像サイズは 25 MB、60 メガピクセル、または一辺あたり 16,000 ピクセル以下である必要があります。SVG マークアップはこのラスター変換ツールでは意図的に受け付けていません。

ファイルと処理

入力
PNG、JPG、WebP、GIF、BMP または AVIF 画像
出力
Data URL、プレーンな Base64、HTML 画像、または CSS 背景を含む TXT

1ファイルあたり最大 25 MB。 1回につき1つの入力ファイル。

25 MB、60 メガピクセル、一辺あたり 16,000 ピクセルまでの画像を1枚処理できます。

選択された画像はブラウザ内で読み込まれエンコードされます。変換のためにアップロードされることはありません。

このツールはブラウザ内でファイルを処理およびエクスポートします。ダウンロードされた画像は別のファイルであり、デバイス上のソースは上書きされません。

エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。

よくある質問

知っておくと便利なこと

始める前のいくつかの回答。

デバイス上で処理
エンコードすると画質は低下しますか?

いいえ。エンコードは元のバイトデータを保持します。画像のサイズ変更、圧縮、再描画は行われません。

なぜ Base64 文字列は画像より大きいのですか?

Base64 は3バイトの入力データを4文字のテキストで表現するため、通常はラッパーやプレフィックスの前に約3分の1のサイズが追加されます。

GIF アニメーションは保持されますか?

はい。エンコードはアニメーションを含む元の GIF バイトデータを保持します。プレビューでは静止画として表示される場合がありますが、エンコードされたデータにはすべてのフレームが含まれています。

Base64 は秘密の画像に対して安全ですか?

Base64 は暗号化ではありません。元の画像が機密性の高いものである場合は、文字列を非公開にしてください。コンバーター自体はブラウザ内でローカルに処理を行います。

広告

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。