無料画像Base64変換ツール - オンラインでエンコード・デコード

A 厳密な制限はありませんが、実際の限界はブラウザのメモリが決めます。10MBの画像なら、ほとんどの最新パソコンで問題なく動作します。50MBの写真を試すと、動作が遅くなったりクラッシュする可能性があります。このツールはすべてJavaScriptでローカル処理するため、負荷はあなたのデバイスが担います。大きなファイルは、画像エディタで事前にリサイズすることをおすすめします。スムーズな結果を得るには20MB未満に抑えてください。

A はい、可能です。ブラウザでページを読み込めば、変換スクリプトはすべてローカルメモリ上で動作します。読み込み後にWi-Fiを切っても、ツールは完全に機能し続けます。サーバー通信は一切発生しません。実際に飛行機内でテスト済みです。一度オンラインで読み込めば、セッション中はそのまま使えます。

A いいえ、どちらでもありません。Base64は画像のバイナリデータを、ウェブコードで使えるテキスト形式に変換するだけです。日本語を英語に翻訳するのと同じで、メッセージ自体は変わりません。画像は隠されず、サイズも縮みません。出力はむしろ約33%大きくなります。本当の暗号化にはAES、圧縮にはWebP形式をお使いください。

A いいえ、Base64は可逆変換です。ピクセル、色深度、メタデータはすべて完全に保持されます。1600x1200のPNG画像を変換前後で比較しましたが、1ピクセルも変化しませんでした。単にバイナリデータをテキストに再パッケージしているだけです。品質劣化はJPEGのような圧縮形式で発生します。Base64はそれに影響しません。デコードすれば元のファイルとバイト単位で一致します。エンコードと圧縮を混同しないでください。

A いいえ、Base64はアクセシビリティに何も貢献しません。スクリーンリーダーには、<img>タグやbackground-image要素に適切なaltテキストが依然として必要です。Base64文字列は支援技術にとっては単なる文字化けデータに過ぎません。重要なのは周囲のHTMLです。alt='青い波を描いた会社ロゴ'のような説明的なalt属性を必ず追加してください。エンコード形式自体はアクセシビリティに全く影響しません。

A Data URIには`data:image/png;base64,`というプレフィックスがエンコードされたテキストの前に付きます。このプレフィックスがブラウザにデータ形式を伝えます。通常のBase64文字列は、コンテキストなしのエンコード文字だけです。素のBase64をHTMLに貼り付けても表示されません。当ツールでは両方のオプションを提供します。直接埋め込み用に完全なData URIをコピーするか、データベース保存用に生の文字列だけを取得できます。ほとんどのケースではData URIをお勧めします。後でMIMEタイプを推測する手間が省けます。

A それは正常です。Base64はバイナリデータをASCII文字に変換するため、見えるのはランダムな文字列です。100KBのPNGは約133KBのテキストになります。APIにペイロード制限がある場合（多くは1MB前後）に問題が発生します。それ以上のサイズなら、画像をCDNに保存してURLをJSONで渡す方が賢明です。20KB未満の小さなアイコンならBase64方式で問題なく、HTTPリクエストを1回節約できます。大量の画像を扱うなら、まず圧縮を検討しましょう。

A 200KB未満のGIFを選び、Base64に変換します。ただし注意点が1つ：多くのメールクライアントはdata URIをブロックします。署名に直接埋め込まず、サーバー上のHTMLファイルにBase64文字列を置いてリンクしましょう。Gmailは画像を約100KBに制限します。150×50ピクセルの50KB GIFなら、Outlook、Apple Mail、Gmailで確実に表示されます。当ツールなら変換は一瞬で、送信前にプレビューで確認できます。自分のアドレスにテスト送信するのがおすすめです。

A はい、すべての商品バリエーションをBase64文字列として埋め込むと、コードの容量が劇的に膨れ上がります。例えば合計400KBのバナー画像4枚を変換すると、約133KBのテキストデータがHTMLに直接追加されます。ブラウザはページを表示する前に、この巨大なテキストをすべて解析しなければなりません。ShopifyなどのECサイトでこれを行すぎると、表示速度が確実に低下します。小さなアイコンにのみこのツールを使い、大きな商品は通常通り読み込ませましょう。

A いいえ、むしろキャッシュ効率は悪くなります。50KBの画像をCSS内に直接記述すると、わずか1ピクセルの修正でもスタイルシート全体の再ダウンロードが必要になります。頻繁に変更する画像は別ファイルとして読み込ませましょう。この変換機能は、二度と変更しないような小さなアイコンだけに使うのが賢い方法です。