画像をBase64に変換

PNG・JPG・GIF・WebP・SVGなどの画像をBase64 Data URIに変換。元の画像データを変えずに、HTMLやCSS用にコピー、またはテキストとして保存できます。

エンコード
入力0 文字
結果

ここに結果が表示されます。

画像をBase64に変換する手順

  1. 画像ファイルを選択するか、入力エリアにドラッグします。
  2. HTMLやCSSで使う場合は改行なしを選び、標準Base64のパディングを有効にしておきます。
  3. エンコードを実行し、Data URI全体をコピーするか、テキストで保存します。

画像をBase64に変換のポイント

Data URIにはメディアタイプと画像のエンコード結果が含まれます。画像の縮小や再圧縮はしません。サイズは元のバイナリより約3分の1増えるため、大きなウェブ画像は通常の画像ファイルの方が適しています。

1ピクセルのGIFをBase64 Data URIに変換した例

入力
pixel.gif (1 × 1 px, 42 B)
結果
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

画像をBase64に変換についてよくある質問

HTMLやCSSではどう使いますか？

data:image/…;base64,…全体を、HTMLのimg src属性またはCSSのurl("…")に指定します。先頭部分は画像形式を示すもので、Base64データ本体とは別です。このツールの出力はURIのみで、HTMLタグやCSSルールは付加しません。

透明部分やアニメーション、画質は変わりますか？

変わりません。元のファイルのバイト列をそのままエンコードし、サイズ変更や再圧縮は行いません。PNGの透過情報、GIFのアニメーション、SVGのマークアップもデータに保持されます。実際の表示は使用先のアプリによって異なります。

対応形式とファイルサイズの上限は？

ファイルの内容からPNG、JPEG、GIF、WebP、BMP、TIFF、AVIF、および識別可能なSVG文書を認識します。1回に1ファイル、上限は32 MiBです。その他の形式には「ファイルをBase64に変換」を使えますが、エンコードできてもブラウザーで表示できるとは限りません。

Base64にすると軽くなりますか？メールにも使えますか？

軽くはなりません。エンコードしたデータは約3分の1大きくなり、さらにURIの先頭部分が加わります。小さなアイコンの埋め込みには向いていますが、大きな画像は別ファイルが適していることが多いです。メールソフトやサイトのセキュリティ設定でdata:画像が制限される場合があるため、使用先で確認してください。

ファイルやトークン、テキストはアップロードされますか？

いいえ。入力はブラウザー内で処理されます。ウェブサイトからページとプログラムを読み込みますが、入力内容を変換サーバーに送ったり、アカウントに保存したりすることはありません。

次の作業に役立つツール

  • Base64を画像に変換

    Base64やData URIを画像に戻し、対応形式をプレビューして元の画像データを保存できます。

  • ファイルをBase64に変換

    あらゆるファイルをBase64文字列に変換。Data URIの接頭辞、パディング、MIME改行を設定できます。

  • HTML文字参照の変換

    テキストやUnicode文字をHTML文字参照に変換し、名前付き・数値文字参照をデコードします。

開発者向けツール一覧

エンコードとファイル変換

元のデータを保ちながら、テキスト、バイト列、URL、埋め込み画像を変換します。

Base64エンコード・デコード

UTF-8テキストをBase64に変換。標準形式とURLセーフ形式のデコード、パディングや改行の設定に対応。

Base64URLエンコード・デコード

-と_を使うURLセーフなBase64に変換。パディングなしのBase64URLもデコードできます。

Base64を画像に変換

Base64やData URIを画像に戻し、対応形式をプレビューして元の画像データを保存できます。

ファイルをBase64に変換

あらゆるファイルをBase64文字列に変換。Data URIの接頭辞、パディング、MIME改行を設定できます。

Base64をファイルに変換

Base64文字列やData URIを、バイト列を変えずにダウンロード可能なファイルに戻します。

URLエンコード・デコード

URLの構成要素、URL全体、フォーム値を変換。パーセントエスケープと空白を適切に処理します。

HTML文字参照の変換

テキストやUnicode文字をHTML文字参照に変換し、名前付き・数値文字参照をデコードします。

Unicode文字確認・エスケープ変換

コードポイント、UTF-8のバイト列、UTF-16のコード単位を確認し、JavaScriptのUnicodeエスケープを変換。

データとテキストの確認

構造化データやトークンの内容を読み取り、変更箇所を確認できます。

JSON整形・圧縮・検証

大きな数値を正確に保ってJSONを整形、圧縮、検証。インデントやキーの再帰的な並べ替えに対応。

JWTデコード

JWTのヘッダー、ペイロード、有効期限や有効開始時刻を、トークンを送信せずに確認できます。

テキスト差分比較

2つのテキストを行、単語、文字単位で比較。空白と改行を保ち、追加・削除箇所を表示します。

正規表現テスター

JavaScriptの正規表現を試し、フラグ、一致位置、キャプチャグループ、名前付きグループを確認。

ハッシュ・ID・スケジュール

ファイルの整合性確認、識別子の生成、日時や定期実行の確認に。

MD5ハッシュ・ファイルチェックサム

テキストやローカルファイルのMD5を計算し、指定したチェックサムと比較できます。

SHA-1ハッシュ・ファイルチェックサム

UTF-8テキストやファイルのSHA-1を計算し、指定したチェックサムと照合します。

SHA-256ハッシュ・ファイルチェックサム

テキストやファイルのSHA-256を生成し、ダウンロードしたファイルを公開チェックサムと照合。

SHA-512ハッシュ・ファイルチェックサム

SHA-512を端末内で計算し、テキストやファイルの完全な16進数チェックサムを比較します。

CRC32チェックサム計算

テキストやファイルの標準CRC-32を計算し、8桁の16進数チェックサムを比較します。

HMAC生成

UTF-8または16進数の共通鍵で、HMAC-SHA-1、HMAC-SHA-256、HMAC-SHA-512を生成。

UUID・GUID生成

ランダムなUUID v4や時刻順のUUID v7を、1件ずつでもまとめてでも生成できます。

Unixタイムスタンプ変換

Unix秒、ミリ秒、ISO 8601日時を変換。UTCや任意のIANAタイムゾーンで同じ瞬間を確認。

Cron式の解析

5項目・6項目のCron式を検証し、夏時間を考慮して指定タイムゾーンの次回実行日時を表示。

Cron式の生成

各時間フィールドやプリセットからCron式を作り、指定タイムゾーンで今後の実行日時を確認。

入力内容とファイルはお使いの端末で処理されます。共有クリップボードに機密情報を残さないでください。秘密鍵やトークンには信頼できる端末をご利用ください。