File→Base64変換ツール – プライベートにオンライン変換
File→Base64変換ツールは、選択したファイルをブラウザ上で読み込み、そのバイト列をBase64文字列にエンコードします。data: URIオプションをオンにすると、結果をdata:<mime>;base64,…で包み、HTML、CSS、JSONへの埋め込み用にします。MIMEタイプはファイルから取得し、次にマジックバイト検出を行い、フォールバックはapplication/octet-streamです。
File→Base64変換ツールは、ファイルのバイト列を直接ブラウザ上でBase64文字列にエンコードします。ファイル内容のテキストベースの表現が必要なときや、ファイルをHTML、CSS、JSONペイロードに埋め込みたいときに便利です。data: URIラッパーを有効にすれば、素のBase64文字列ではなくdata:<mime>;base64,…形式の値を作成することもできます。
このツールは選択したファイルを読み込み、そのバイト列をエンコードします。data: URIオプションを有効にすると、結果にMIMEタイプとBase64コンテンツが含まれます。MIMEタイプはファイルから取得し、フォールバックとしてマジックバイト検出、次にapplication/octet-streamを使います。これにより、HTMLの<img src>属性やCSSの背景などで使える形式のラップ出力が得られます。
Base64はファイルのバイト列をテキストとして表し、data: URIはコンテンツタイプとエンコーディングを識別する接頭辞を加えます。エンコード内容だけが必要なら素のBase64結果を、埋め込み用の自己完結型data: URIが必要ならラッパーを選びます。どちらのオプションもラッパーのトグルで切り替えられます。
変換は完全にブラウザ上で動作します。データはサーバーに送信されません。このツールは無料でプライベート、ページの読み込み後はオフラインでも動作するので、その後接続なしでファイルをエンコードできます。
このブラウザベースのFile→Base64ツールは、ファイルコンテンツをHTML、CSS、JSON用に準備したり、ローカルユーティリティをインストールせずに変換したりしたい開発者やDevOpsエンジニアに役立ちます。今使っているマシンからファイルをエンコードしたい人にも向いています。
手順1: 変換するファイルを選択します。ツールはブラウザ上でファイルのバイト列を読み込みます。
手順2: data: URIラッパーを有効にするか選びます。オンにするとdata:<mime>;base64,…形式の値に、オフのままではBase64文字列になります。
手順3: 出力を確認します。MIMEタイプはファイルから取得し、必要に応じてマジックバイト検出を行い、フォールバックはapplication/octet-streamです。
手順4: 結果をコピーして、HTML、CSS、JSONで使います。
用途: File→Base64の定番の変換をローカルに何もインストールせずに済ませます。ブラウザでファイルをエンコードし、必要な場所に結果をコピーします。
用途: たまたま使っているマシンでファイルを変換します。ローカルツールをセットアップしたくないときに、ブラウザベースのワークフローが便利です。
用途: 内部のファイルデータをサードパーティサービスに貼り付けるのを避けます。変換はブラウザ上で行われ、入力はサーバーに送信されません。
用途: HTMLの<img src>属性で参照したい画像のdata: URIを作成します。ラッパーにはMIMEタイプとBase64コンテンツが含まれます。
用途: CSSの背景やJSONペイロード用にファイルコンテンツを準備します。MIME接頭辞付きの形式が必要なときはdata: URIラッパーを有効にします。
用途: 他の開発タスクでファイルのバイト列のテキストベース形式が必要なときに、ファイルのBase64表現を取得します。素のBase64出力が必要ならラッパーをオフのままにします。