WebP を Base64 に変換
この無料の WebP Base64 変換ツールで、あらゆる WebP 画像を Base64 文字列やすぐに使えるコードスニペットに変換できます。 ローカルの .webp ファイルを選択し(またはリモートファイルのリンクを貼り付け)、出力形式を選んで WebP を Base64 にエンコードを押します。
オンラインで WebP を Base64 に変換 を変換する方法
- ローカルファイルを選んで .webp ファイルを選択するか、リモート URLを選んでリンクを貼り付けます。
- 出力形式を選びます:プレーンな Base64、データ URI、HTML タグ、CSS、JavaScript、JSON、XML。
- WebP を Base64 にエンコードをクリックします。結果はプレビュー付きですぐに表示されます。
- 結果をクリップボードにコピーするか、.txt ファイルとしてダウンロードします。
WebP(WebP)について
WebP は 2010 年に Google が発表したモダンな画像形式です。非可逆・可逆の両方の圧縮、アルファ透過、アニメーションに対応し、同等の JPG や PNG より通常 25〜35% 小さくなります。
WebP は現在のすべてのブラウザでサポートされているため、Base64 データ URI の元画像として最適です。画像が小さいほどエンコード後の文字列は短くなり、ページも速く表示されます。
| 開発 | 2010年、Google |
|---|---|
| 圧縮 | 非可逆・可逆 |
| 透過 | はい |
| アニメーション | はい |
| ファイルシグネチャ | RIFF....WEBP |
出力形式
結果をどのような形式で出力するかを選びます。変換ツールは次の形式で出力できます:
- 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 の接頭辞の分が数バイト加わります)。
よくある質問
WebP を Base64 に変換するには?
上で .webp ファイルを選択して「WebP を Base64 にエンコード」をクリックします。変換ツールはブラウザ内でファイルを読み込み、Base64 文字列またはすぐに使えるデータ URI を出力します。
Base64 エンコードされた WebP は何で始まりますか?
WebP ファイルを Base64 エンコードすると、通常は「UklGR」で始まります。データ URI の場合は「data:image/webp;base64,」で始まります。
ファイルサイズの上限はありますか?
変換はローカルで行われるため厳密な上限はありませんが、非常に大きなファイルは非常に長い文字列になります。約 50 MB までのファイルなら、モダンブラウザで快適に処理できます。
Base64 を WebP に戻すには?
Base64 WebP 変換を使います。文字列を貼り付けると、元の .webp ファイルをプレビューしてダウンロードできます。
コメント (0)
「WebP を Base64 に変換」についての質問、アイデア、不具合はありますか?コメントを残したり、ツールを評価したり、他の人に返信したりできます。
まだコメントはありません。最初のフィードバックをお寄せください!