このbase64変換ツールについて

画像をドラッグするとデータURIがすぐに得られ、実際に貼り付ける4つの形式も一緒に表示されます： CSSの background-image 宣言、HTMLの <img> タグ、Markdownの画像記法、そして data: 接頭辞なしの生のbase64です。パネルには画像のピクセル寸法・MIMEタイプ・元のサイズ・エンコード後サイズも表示されます。

注目すべきは最後の数値です。base64はファイルを約33%膨らませ、インライン化した画像はブラウザで個別にキャッシュされず、CDNからも配信できません。インライン化が向くのは小さなアイコン、スプライト、メール署名、単一ファイルのHTMLデモなどです。20 KBを超えると警告し、100 KBを超えると通常の画像ファイルを推奨します。すべてクライアントサイドで動作し、画像はアップロードされません。関連ツール： Base64 & JWTデコーダー。