AVIF を Base64 に変換
この無料の AVIF Base64 変換ツールで、あらゆる AV1 Image File Format 画像を Base64 文字列やすぐに使えるコードスニペットに変換できます。 ローカルの .avif ファイルを選択し(またはリモートファイルのリンクを貼り付け)、出力形式を選んで AVIF を Base64 にエンコードを押します。
オンラインで AVIF を Base64 に変換 を変換する方法
- ローカルファイルを選んで .avif ファイルを選択するか、リモート URLを選んでリンクを貼り付けます。
- 出力形式を選びます:プレーンな Base64、データ URI、HTML タグ、CSS、JavaScript、JSON、XML。
- AVIF を Base64 にエンコードをクリックします。結果はプレビュー付きですぐに表示されます。
- 結果をクリップボードにコピーするか、.txt ファイルとしてダウンロードします。
AVIF(AV1 Image File Format)について
AVIF は、AV1 動画コーデックで圧縮した画像を HEIF コンテナに格納する形式です。非常に小さなサイズで優れた画質を実現し、WebP よりさらに 20% 以上小さくなることもよくあります。
AVIF は 2024 年以降にリリースされた主要ブラウザすべてでサポートされています。画像を Base64 で埋め込む際にファイルサイズを最も重視するなら、現在 AVIF が最も効率的な選択肢です。
| 開発 | 2019年、Alliance for Open Media |
|---|---|
| 圧縮 | 非可逆・可逆(AV1) |
| 透過 | はい |
| HDR / 広色域 | はい |
| ファイルシグネチャ | ....ftypavif |
出力形式
結果をどのような形式で出力するかを選びます。変換ツールは次の形式で出力できます:
- txt: Base64 文字列のみ。コード、データベースのフィールド、API リクエストにそのまま貼り付けられます。
- uri: ブラウザのアドレスバーに貼り付けたり、URL を使える場所ならどこでも使ったりできる完全な
data:URI。 - html img:
srcにデータ URI を指定した<img>タグ。 - css background image:
background-image: url(data:...)を使った CSS ルール。 - html favicon: インラインのファビコン用の
<link rel="icon">タグ。 - html hyperlink: 埋め込みファイルをダウンロードまたは開く
<a>リンク。 - html iframe: コンテンツをインラインで表示する
<iframe>。 - javascript image:
Imageオブジェクトを作成する JavaScript。 - javascript popup: コンテンツを新しいウィンドウで開く JavaScript。
- json: ファイル名、MIME タイプ、データを含む JSON オブジェクト。
- xml: CDATA セクション内にデータを含む XML 要素。
安全ですか?結果のサイズはどのくらいですか?
ファイルがアップロードされることはありません。ブラウザの File API でローカルに読み込まれて変換されるため、機密文書も端末の外に出ません。
Base64 は 3 バイトごとに 4 文字で表すため、エンコード結果は元のファイルより約 33% 大きくなります(さらにパディングとデータ URI の接頭辞の分が数バイト加わります)。
よくある質問
AVIF を Base64 に変換するには?
上で .avif ファイルを選択して「AVIF を Base64 にエンコード」をクリックします。変換ツールはブラウザ内でファイルを読み込み、Base64 文字列またはすぐに使えるデータ URI を出力します。
Base64 エンコードされた AVIF は何で始まりますか?
AVIF ファイルを Base64 エンコードすると、通常は「AAAAHGZ0eXBhdmlm」で始まります。データ URI の場合は「data:image/avif;base64,」で始まります。
ファイルサイズの上限はありますか?
変換はローカルで行われるため厳密な上限はありませんが、非常に大きなファイルは非常に長い文字列になります。約 50 MB までのファイルなら、モダンブラウザで快適に処理できます。
Base64 を AVIF に戻すには?
Base64 AVIF 変換を使います。文字列を貼り付けると、元の .avif ファイルをプレビューしてダウンロードできます。
コメント (0)
「AVIF を Base64 に変換」についての質問、アイデア、不具合はありますか?コメントを残したり、ツールを評価したり、他の人に返信したりできます。
まだコメントはありません。最初のフィードバックをお寄せください!