ブラウザー内で完結するツール
画像から Base64 への変換
画像を Base64 文字列または data URI に変換し、HTML、CSS、JSON、API テストに使えます。ファイルのアップロードは不要です。
画像ごとに最大 20 MiB・40 メガピクセル。コンタクトシートは 2–50 枚、合計 100 MiB まで。アイコンは画像全体を透明な余白付きで正方形に収めます。
ブラウザー内でローカル処理アカウント不要無料で利用可能 元画像はそのまま
このツールがある理由
Base64 はデータサイズが増えるため、小さな素材に向いています。
- ✓ data URI
- ✓ プレーンな Base64
- ✓ コピー
- ✓ テキストをダウンロード
こんな用途に
- • CSS の背景
- • HTML プロトタイプ
- • API のテストデータ
小さな画像を Base64 や data URI に変換
Base64 は画像のバイナリデータをテキストとして埋め込みます。小さな HTML、CSS、JSON のテストデータや API の実験に便利ですが、エンコード後のデータは元のバイト数より大きくなります。
埋め込みが本当に役立つ場面で Base64 を使う
小さなアイコン、テストデータ、単独で動くプロトタイプが代表的な用途です。大きな写真は Base64 にするとデータが増え、コードの管理も難しくなるため、通常のファイルのままのほうが適しています。
data URI とプレーンな Base64 を使い分ける
data URI には MIME タイプと Base64 データが含まれるため、HTML や CSS に直接書き込めます。API やアプリがエンコード済みの文字列だけを求める場合は、プレーンな Base64 が便利です。
よくあるご質問
画像の Base64 文字列とは何ですか？
画像のバイトを Base64 でエンコードしたテキスト表現です。data URI は、これに画像の MIME タイプと必要な接頭辞を加えたものです。
Base64 で画像サイズは小さくなりますか？
いいえ。Base64 は通常、バイナリデータのサイズを大きくします。利点は、画像をテキストデータの中で運べることです。
大きな写真を Base64 にすべきですか？
通常はおすすめしません。大きな素材には、普通の画像ファイルや URL のほうが実用的です。
画像の data URI を CSS で使えますか？
はい。正しい形式の data URI は、素材が十分に小さければ CSS の画像値として使えます。
作業を続ける
Base64 から画像への変換
Base64 文字列や data URI をデコードして画像をプレビューし、ブラウザー上で実際のファイルとしてダウンロードできます。
画像をオンラインでぼかす
共有や公開の前に、画像に調整可能なぼかしをかけます。スクリーンショット、背景、配慮が必要な内容をやわらげるのに便利です。
画像をオンラインでトリミング
JPG、PNG、WebP 画像を、元画像を引き伸ばさずに任意の範囲でトリミングします。フォーム、ウェブサイト、SNS 向けに写真をすばやく整えられます。
ファビコンジェネレーター
1 枚の画像から、ブラウザー、Apple touch、PWA 向けのサイズとコピーして使える HTML を含む実用的なファビコンセットを作成します。
画像をオンラインで反転
寸法を保ったまま画像を左右または上下に反転し、ダウンロード用の新しいコピーを作成します。
画像の縦横比計算ツール
画像の縦横比を読み取り、16:9、4:3、1:1、4:5 や任意の比率に合う寸法を計算します。