画像をBase64に変換

画像のBase64変換とは、PNGやJPEGなどのバイナリ画像をASCII文字列（data URI）として表現する手法です。CSSやHTMLに画像を直書きしたいとき、外部ファイルを1つ減らしたいときによく使われます。toco.toolsの本ツールは「画像→Base64」と「Base64→画像」の両方向に対応し、ファイル選択・ドラッグ＆ドロップに加えてクリップボードからの直接貼り付け（Ctrl/Cmd+V）もできます。スクリーンショットを撮ってそのまま貼り付ける、という使い方が特に便利です。 変換すると、生のBase64文字列だけでなく、そのまま使えるData URL・<img>タグ・CSSのbackground-image・Markdownの画像記法も同時に生成されます。ファイル名・MIMEタイプ・ピクセル寸法・元のファイルサイズとBase64化後のサイズ、そして肥大化率もあわせて表示するので、埋め込んでよいサイズかどうかをその場で判断できます。逆方向では、Data URLでも先頭のdata:プレフィックスを省いた裸のBase64文字列でも読み込め、マジックバイトから画像形式を自動判定してプレビューとダウンロードを提供します。 Base64エンコードは3バイトを4文字に変換する仕組み上、元データよりおよそ33%サイズが大きくなります。小さなアイコンやスプライトなら通信の往復（リクエスト）を減らせる利点がありますが、数百KBを超える画像をHTMLやCSSに埋め込むと、そのページ自体の初回表示が遅くなり、ブラウザキャッシュも効きにくくなります。目安として数KB〜数十KB程度のアイコン・ロゴ用途に留め、写真のような大きな画像は通常のファイルとして配信し、<img>タグでURLを指定するほうが有利です。アップロードした画像やペーストしたBase64は一切外部送信されず、すべての処理はお使いのブラウザ内だけで完結します。