Base64
Image Data URL
⚠️ Large image may freez the browser
画像のBase64データURIを生成する
このツールを使って画像をbase64またはData URLに変換できます。画像をアップロードし、形式を選択して、生成されたコードをコピーしてください。大きなファイルはパフォーマンスに影響する可能性があります。より良い結果を得るには、小さなサイズを選択してください。
Image → Base64 / Data URL
Click or Drag & Drop an Image
画像をBase64またはDataURLに変換する
1
画像をアップロード
画像をアップロードするには、指定された領域をクリックするか、画像をドラッグしてください。
2
Base64かDataURLを選択してください。
「Base64」または「DataURL」タブのいずれかを選択して、希望の形式を選択してください。
3
データURLの表示
タブの下にあるテキストエリアには、あなたの画像のBase64またはDataURLの表現が表示されます。
4
コピーされたコードを生成する
生成されたコードをクリップボードにコピーするには、'コピー'ボタンをクリックしてください。
ウェブサイトに画像を直接埋め込む
HTMLコードに直接画像を埋め込み、外部ファイルへの依存をなくすことができます。この方法により、HTTPリクエストを減らし、ページ読み込み速度の向上に繋がる可能性があります。このツールは、base64またはData URLの作成を効率化し、よりコンパクトで効率的なウェブ開発ワークフローを可能にします。
画像コードを素早くコピー
ウェブプロジェクトに画像を組み込む際、外部のホスティングに依存せず、base64またはデータURLに変換することで対応できます。この方法により、従来の画像ファイルホスティングを回避でき、コードを簡素化し、ウェブサイトのパフォーマンスを向上させることが可能です。HTMLに直接画像を埋め込みたい場合に役立ちます。
よくある質問
Base64データURLとは何ですか？
Base64データURLは、画像をテキスト文字列として表現し、個別の画像ファイルを用意せずにHTMLまたはCSSに直接埋め込むことができます。
生成されたBase64またはデータURLはどのように使用できますか？
生成されたコードは、画像のための'src'のようなHTML属性や、CSSのbackgroundプロパティを使って、ウェブページ内に画像を直接表示するために使用できます。
小さい画像が推奨されるのはなぜですか？
大きな画像は長いBase64文字列を引き起こし、コンピューターの処理速度とパフォーマンスを低下させる可能性があります。
画像形式をすべてBase64/データURLに変換できますか？
はい、このツールはJPG、PNG、GIFなど、一般的な画像フォーマットを幅広くサポートしています。
アップロードできる画像のサイズに制限はありますか？
厳密な制限はありませんが、最適なパフォーマンスのためには小さな画像をお勧めします。