StoryEdit 開発日誌

ウェブアプリ StoryEditを作ってましたが延期。普通のブログ。

PNGファイルをBASE64で埋め込む

こんな方法あるんですね.しばらくWebからはなれていると発見が多いです.

body {
  background-image: url(data:image/png;base64, XXXXXXXX... );
}

で,XXXXXXXの部分は,base64エンコードしたpngファイルデータです.

これでサーバからとってくるファイルの数が減ります.
サーバ側でファイルをキャッシングしてる場合などは効率はあがるらしいです.
StoryEditは自鯖でのホストではないため,特に影響ないのではないかとは
思いますが,おもしろいので使ってみました.w

CSSが読みにくくなるので,そのうち外しますが.
Base64 --> PNGのエンコーダ,デコーダはこちら.

http://www.peterdamen.com/base64decode.php

base64デコーダを提供してる日本語サイトって検索ですぐにヒットしませんでしたw