上部で方向を切り替えると、すでにあるデータURLをデコードできます。画像を、Webページ、メール、コード用のBase64テキストやデータURLにしたり、Base64を画像ファイルに戻したりできます。無料で、プライバシーも守られます。
画像をBase64に変換する方法
- 「画像からBase64へ」の方向を選びます。
- 「画像を選択」を押して、1つ以上のファイルを選びます。
- それぞれのBase64またはデータURLをコピーします。元のサイズとエンコード後のサイズが表示されます。
Base64を画像に戻す方法
- 「Base64から画像へ」の方向を選びます。
- テキストを「Base64またはデータURL」に貼り付けます。
- プレビューを確認して、画像をダウンロードします。「クリア」で、ボックスが空になります。
Base64が3分の1大きくなる理由
Base64は、ファイルの3バイトごとを、4つのプレーンテキスト文字として書くため、エンコードされたテキストは、画像自体より約33%大きくなり、データURLには、短いdata:image/png;base64,の接頭辞が付きます。各画像には両方のサイズが表示されるため、貼り付ける前に、コストが確認できます。
データURLが役立つとき
埋め込みは、小さなものに便利です：アイコン、小さな背景、メール署名、ファビコン、オフラインで動作しなければならない1つのファイル。約10 KBを超えるものには、通常、普通の画像ファイルのほうがよく、ブラウザがキャッシュでき、ページと並行して読み込まれ、HTMLとCSSを小さく保てます。大きな画像には、これについてのリマインダーが表示されます。
Base64のデコード
完全なデータURL、CSSのurl()の行、imgタグ、またはBase64のテキストだけを貼り付けます。スペース、改行、URLセーフな文字の-と_が受け付けられ、欠けたパディングは追加されます。種類は、ラベルではなく、ファイル自体の最初のバイトから読み取られるため、JPEGと誤ってラベル付けされたPNGも、正しい拡張子でダウンロードされます。テキストが有効なBase64でない場合や、画像でない場合は、わかりやすい説明が表示されます。
対応ファイル
ブラウザで開ける任意の画像で、PNG、JPG、WebP、GIF、SVG、ICO、AVIFを含みます。
ヒント
- Base64は画像を大きくするため、先に画像を圧縮またはリサイズしてください。
- 大きな画像は、普通のファイルのままにして、リンクしてください。
- アイコンには、できればSVGを使ってください。すでにテキストで、PNGより小さいことがよくあります。
- エンコードする前に画像を縮小するには、画像を指定サイズに圧縮をお試しください。
よくある使い方
HTMLメールに小さなロゴを埋め込む、スタイルシートにアイコンを直接入れる、JSONファイルに画像を保存する、コード内で見つけたデータURLから画像を復元する。サイトのアイコンの完全なセットには、ファビコン作成をご覧ください。
設計段階からプライベート
画像は、このページでブラウザ内で読み取られ、変換されます。何もアップロードされず、ファイルが端末の外に出ることはありません。
よくある質問
Base64は暗号化ですか？
いいえ。データをテキストとして書き表す方法にすぎません。誰でもデコードできます。
デコードしたファイルの拡張子が違うのはなぜですか？
そうはなりません。種類は、ラベルではなくファイル自体から読み取られます。
Base64のテキストがこんなに長いのはなぜですか？
テキストにすると、どの画像も約3分の1大きくなり、写真はもともと大きいためです。