Image to Base64
Convert images to Base64
Convert images to Base64 ブラウザ内でローカルに実行
About the
Image to Base64 コンバーターは、あらゆる画像ファイルを HTML、CSS、または JSON に直接貼り付けることができる Base64 データ URI に変換します。ファイルはブラウザー独自のファイル リーダーで読み込まれ、ローカルでエンコードされるため、アップロードされることはなく、第三者に送信したくないロゴやアセットも安全になります。 Base64 ではサイズが約 3 分の 1 に拡大されるため、結果の横に文字数が表示されます。これは、文字列がページ内でインラインになる場合に重要になります。
Where people use the
- 小さなロゴをインライン化して、電子メール テンプレートが外部アセットなしでレンダリングされるようにします。
- 単一ファイルの HTML ドキュメントへのアイコンの埋め込み。
- テキストのみを受け入れる JSON ペイロードに画像を配置します。
- HTTPS 経由で提供されるページでの混合コンテンツの警告を回避します。
How to use the
- 1
画像を選択してください
アップロード コントロールを使用して画像ファイルを選択します。 PNG、JPEG、GIF、SVG などの一般的な形式がすべて受け入れられます。
- 2
エンコードを待ちます
ファイルが読み取られると、データ URI がテキスト領域に表示されます。ファイルが大きい場合はさらに時間がかかります。
- 3
文字列をコピーする
コピー ボタンを使用して、data: プレフィックスとメディア タイプを含むデータ URI 全体を取得します。
- 4
必要な場所に貼り付けてください
画像タグの src として、CSS url() 値内で、または JSON ペイロード内のフィールドとして使用します。
ヒントとベストプラクティス
- インライン画像は小さくしてください。文字列はファイルよりも約 3 分の 1 大きくなります。
- data: プレフィックスを含むデータ URI 全体をコピーします。そうしないと、ブラウザーはそれを表示しません。
- 写真の場合は、インライン化するのではなく、ファイルをホストしてリンクします。
よくある質問
画像はどこかにアップロードされていますか？
いいえ。ファイルはブラウザーで読み取られてエンコードされるため、デバイスから送信されることはありません。これが、アップロードが必要なオンライン コンバーターではなく、これを使用する主な理由です。
文字列がファイルよりもはるかに長いのはなぜですか?
Base64 は 4 文字で 3 バイトを表すため、結果は、他のオーバーヘッドが発生する前の元のファイルよりも約 3 分の 1 大きくなります。
ページ内に画像をインライン化する必要がありますか?
小さいものだけ。インライン化するとリクエストは保存されますが、ファイルが個別にキャッシュされることがブロックされ、HTML が大きくなるため、写真ではなくアイコンや小さなロゴに適しています。
別の道に行ってもいいですか？
ここではありません。このツールは画像ファイルをテキストにエンコードします。デコードには、Base64 デコーダと元のメディア タイプが必要です。
ファイルサイズの制限はありますか?
何もアップロードされないため、サーバー制限はありません。非常に大きな画像はエンコードに時間がかかり、扱いにくい文字列が生成されます。