Base64
Data URL
Image preview will appear here![]()
Base64コードから画像を抽出する
base64でエンコードされたデータを入力領域に貼り付けるか、URLを入力することで、閲覧可能な画像に変換できます。'画像レンダリング'ボタンをクリックして結果を表示します。'ダウンロード'ボタンを使用して画像を保存できますが、大きなファイルはパフォーマンスに影響する可能性があります。このツールは、Webアプリケーションでエンコードされた画像データを使用する開発者にとって役立ちます。
Base64 / Data URL → Image
⚠️ Large image may freez the browser
Base64コードを画像に変換する
1
貼り付けられたBase64データを処理します。
データまたはBase64エンコードされたデータを、提供されたテキストエリアに貼り付けてください。
2
プレビューを生成する
画像をレンダリングするには、'画像をレンダリング'ボタンを押してください。
3
画像プレビュー
画像をプレビューで確認し、正しい画像であることを確かめてください。
4
画像を保存
画像をコンピュータに保存するには、'ダウンロード'ボタンをクリックしてください。
Base64データを可視化する
Base64エンコードされたデータを画像として表示することで、データの整合性を検証したり、ウェブ開発の問題をトラブルシューティングしたりするのに役立ちます。このツールは、Base64文字列を視覚的な表現に変換し、コンテンツの正確性を確認したり、エンコードされたデータを分析したりすることができます。この方法により、デバッグや検証などの実用的な用途のために、抽象的なコード形式を明確に解釈できます。
画像を簡単にダウンロード
Base64コードから画像を直接デバイスにダウンロードできます。これにより、手動での保存や複雑な回避策が不要になり、生成された画像に直接アクセスできるようになります。プロジェクトへのビジュアルの組み込みや、他者との共有に最適です。
よくある質問
このツールはどうやって使うのですか？
テキストエリアにBase64エンコードされたデータまたはデータURLを貼り付け、次に「画像レンダリング」をクリックして画像を表示します。保存するには「ダウンロード」をクリックしてください。
base64とは何ですか？
Base64は、バイナリデータ（画像など）をテキストで表現する方法です。HTMLやCSS内に画像を直接埋め込む必要がある場合によく使用されます。
これは大きな画像にも使えますか？
可能な限り、大きな画像はコンピューターのパフォーマンスを低下させる可能性があります。小さいものから中くらいのサイズの画像にこのツールを使用するのが最適です。
どのようなデータURLを貼り付けられますか？
標準のbase64エンコードされた文字列または 'data:image/...’ で始まるデータURLを貼り付けることができます。
変換できる画像のサイズに制限はありますか？
厳密な制限はありませんが、画像のサイズによってパフォーマンスに影響が出ます。最高の体験のために、画像は適切なサイズに保ってください。