画像→Base64 — データURI、HTML、CSS
ファイルが端末の外に出ることはありません
画像をドロップ
またはクリックして選択
JPG, PNG, WebP, GIF, SVG
よくある質問
Base64エンコードとは何ですか？
Base64は、バイナリのバイト列をASCII文字で表します。Vizuaは選択したJPG、PNG、WebP、GIF、SVGのいずれか一画像をデータURLとして読み込み、HTML imgとCSS backgroundのコード片も用意します。埋め込まれた内容のデコード、最適化、サニタイズ、検証は行いません。
Base64画像はいつ使うべきですか？
データURLは、最終的な利用先全体について、サイズ、キャッシュ、セキュリティポリシー、パーサー、保守のトレードオフを受け入れられる場合だけ使ってください。共通の10 KB基準はありません。別ファイルなら個別にキャッシュや更新ができますが、埋め込みデータはそれを含む文書を大きくします。
Base64でファイルサイズは増えますか？
Base64ペイロードの長さは4 × ceil(元のバイト数 ÷ 3)で、大きな入力では約33%の増加です。さらにデータURLのメディアタイプ接頭辞とパディングが加わります。Vizuaが表示するBase64サイズはデータURL文字列全体を数えるため、ペイロード単体や圧縮後の転送サイズと正確には一致しません。
画像→Base64 — データURI、HTML、CSSでできること
画像をBase64 data URIにエンコード。HTML imgタグとCSS backgroundをコピー。処理結果を確認してから、ツールが用意する形式でダウンロードできます。
画像→Base64 — データURI、HTML、CSSは、最新のブラウザで素早く繰り返し作業するためのツールです。このページの設定を使えば、ソフトウェアのインストールやアカウント作成をせずに結果を準備できます。
画像→Base64 — データURI、HTML、CSSの使い方
- 処理するファイルを選択またはドロップするか、ツールが求める情報を入力します。
- 処理前に、形式、寸法、品質、色など、出力に影響する設定を確認します。
- 結果を確認して新しいファイルを保存し、別の版が必要になった場合に備えて元のファイルは変更せず残します。
プライバシーを最優先
ファイルが端末の外に出ることはありません。すべての処理はブラウザ内で行われます。
より良い結果を得るためのヒント
- できるだけ状態の良い元データを使ってください。小さい画像、ぼけた画像、強く圧縮された画像は、保持できる細部が少なくなります。
- 保存前に寸法と形式を確認し、使用先のサイト、アプリ、プリンター、プラットフォームに合うようにします。
- 大きなファイルでは不要なタブを閉じ、まとめて処理する前に代表的な1ファイルで試します。
- 共有したり元のファイルと置き換えたりする前に、保存した結果を一度開いて確認します。
作業工程での画像→Base64 — データURI、HTML、CSSの使いどころ
画像→Base64 — データURI、HTML、CSSは、単発の調整にも、公開、共有、保管、別のアプリでの追加編集に進む前の準備にも使えます。一括処理がある場合は、まず少数のサンプルで設定を確認し、その後に残りのファイルへ適用してください。