別の encoder と結果が違う
ソース文字コード、BOM、コメント、空白、改行を比較します。
このツールでできること
CSSを形式固有の検証や変換なしでBase64にエンコードします。受信側の仕様に合わせて標準またはURL-safeを選択します。
今すぐ変換
1
入力またはアップロード
内容を貼り付けるかファイルを選択
2
操作を選択
エンコード、デコード、情報確認
3
結果を確認
出力とバイト情報を確認
1. 入力
0文字
2. 操作
3. 出力
0文字
4. クイック操作
5. Base64 情報
説明Base64 はバイトをテキストで表す方式であり、暗号化ではありません。
文字セットA-Z, a-z, 0-9, +, /, =
入力サイズ0文字 / 0バイト
出力サイズ0文字 / 0バイト
パディング= を使って4文字単位を完成させます。
状態準備完了
仕組み
入力バイト
101010 111100 110101 ...
6ビット単位に分割
101010 111100 110101 ...
インデックスへ変換
42 60 53 ...
Base64 文字
q 8 1 ...
CSSをBase64に変換する方法
CSSの元データをそのまま貼り付けます。
「エンコード」を選択したまま、ツールに表示される出力オプションを指定します。
出力とバイト情報を確認し、結果をコピーまたはダウンロードします。
出力と形式の扱い
CSS を ミニファイ、解析、検証せずにエンコードします。Base64 data URL は利用先が明示的に受け付ける場合に限って使うのが適切です。
標準 Base64 は通常の RFC 4648 文字集合を使います。受信側が Base64URL を要求する場合だけ URL-safe を選び、パディング規則は仕様に合わせます。
専門家のヒント
デコードしたソースを信頼できないテキストとして扱い、確認後に適切な隔離環境でだけ実行します。
主な利用場面
主な利用例：
- 利用先が該当 MIME タイプを明示的に受け付ける場合だけ data URL を作成します。
- 任意のバイトや改行を受け付けないテキスト専用の設定項目へ値を渡します。
- 元のバイトを手作業で書き換えず、再現可能なテストデータ を作ります。
制限と安全上の注意
重要な制限：
- Base64 は通常、データ量を約3分の1増やします。data URL の接頭辞や周辺のマークアップは別途加算されます。
- Base64 は元に戻せるエンコード方式であり、暗号化ではありません。文字列を入手した人は元のバイトを復元できます。
- コンバーターはソースをテキストとして返し、入力コードの表示、評価、サニタイズ、ミニファイ、実行は行いません。
トラブルシューティング
利用先でソースを使えない
生の Base64 または追加 wrapper のどちらが必要か確認します。エンコードは ミニファイ や実行を行いません。
よくある質問
具体的に何が保持されますか？
CSS を ミニファイ、解析、検証せずにエンコードします。Base64 data URL は利用先が明示的に受け付ける場合に限って使うのが適切です。
エンコードやデコードでソースコードは実行されますか？
コンバーターはソースをテキストで返し、実行しません。別の仕組みが結果を読み込み、表示、評価した場合にだけコードが実行されます。
標準 Base64 と Base64URL の違いは何ですか？
標準 Base64 は + と /、Base64URL は - と _ を使い、パディングを省略する場合があります。受信側の仕様に合わせて選択してください。
コメントや空白は Base64 出力を変えますか？
変わります。ソースのバイトを扱うため、コメント、空白、インデント、改行、ファイル文字コードが結果に影響します。
関連する Base64 ツール
次の操作に合う同一言語ページへ進みます：
上の入力欄にデータを貼り付けて変換し、結果をコピーまたはダウンロードしてください。