画像をデータURLにしてHTMLに埋め込む
この記事のポイント
- 選ぶ
- 印をつける
- 貼る
小さな画像に向いています。大きな画像だと、ページが重くなります。
手順
- ファイルとBase64を相互変換する で、画像のファイルを選びます。
- 「データURLの形式にする」にチェックを入れます。
- できた文字を、HTMLの画像のsrcに貼り付けます。
あわせて使えるツール
- ファイルのハッシュ値を調べる（SHA-256）：ファイルのハッシュ値を調べて、照合します。
- CSVとJSONを相互変換する：CSVとJSONを、すぐに相互変換します。
- ファイルをZIPにまとめる：複数のファイルを、1つのZIPにまとめます。
同じツールの、ほかの解説
Embedding an Image in HTML as a Data URL
Key points
- Choose
- Tick
- Paste
Best for small images. Large ones make the page heavy.
Steps
- Select an image in Convert Files and Base64.
- Tick "Make a data URL".
- Paste the result into the src of an image in HTML.
Tools that go well with this
- Check a File's Hash (SHA-256): Calculate a file's hash and compare it.
- Convert CSV and JSON: Convert between CSV and JSON instantly.
- Make a ZIP File: Pack several files into one ZIP.