とはいえ、個人的にはコマンドラインに少々拒絶感があるのでさらに調べてみると、ChromeのDeveloper Toolsを使ってカンタンにエンコードできることがわかりました。 手順は以下の通りです。 ChromeでBase64へ変換したい画像を開きます。 Developer Toolsを開き(Cmd(Ctrl)+Option(Shift)+i)、「Application」パネルを選択。 左のペイン下の方に「Frames」というところがありますので、その配下の当該ファイル名をクリックして選択します。 すると、右側にBase64化されたものが表示されるので、まるっとコピー。 ペーストしたら、頭に上述の書式をペタッと貼りつければOKです。カンタンですね! 上図の画像の場合は、以下のようになります。ブラウザのアドレズバーにペーストして確認してみてください。 data:image/png;base6
![画像をBase64でHTMLファイルに直接埋め込む方法 | design Edge](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7d8136e1c2c1844dbb8d41ecf5e24d65c08b022/height=288;version=1;width=512/https%3A%2F%2Fedge.sincar.jp%2Fwp%2Fwp-content%2Fuploads%2F2016%2F04%2Fbase64-mv.png)