実は今まで全く知らなかったのだが、dataスキームというものが存在するそうな。
どんなものかというとこれ→
こちら、画像を別途読んでいるわけではなく、以下のテキストをHTMLの中に書いてあります。
<img src="data:image/png;base64,R0lGODlhEQATAKIHAP/MzP7pwP7amO4AAGYpBf8AAP///////yH5BAEAAAcALAAAAAARABMAAANeeHrWbiuqRmp1khkyhrvQQnWPURCNyJFPcaYj67gvgxqDO9P3ttPAl68RLAAMAGEvB5z1Kp1o5wjSbCzYXuQjCAQEt8yE0P2GxZuyOZRJl8FsCUVQRokn1+rdilkkAAA7" />
これはなんなのかというと、単純に画像ファイルをBASE64エンコードしてるだけです。
いやー、こんな便利なものがあったんですね。
もちろんあまり大きなファイルには使えませんが、ちょっとした装飾とかには十分役立ちそうです。
しかし改行されないせいでえらいことになってるな。
word-wrap: break-wordとか効かないみたいだしどうすれバインダー
どんなものかというとこれ→
こちら、画像を別途読んでいるわけではなく、以下のテキストをHTMLの中に書いてあります。
<img src="data:image/png;base64,R0lGODlhEQATAKIHAP/MzP7pwP7amO4AAGYpBf8AAP///////yH5BAEAAAcALAAAAAARABMAAANeeHrWbiuqRmp1khkyhrvQQnWPURCNyJFPcaYj67gvgxqDO9P3ttPAl68RLAAMAGEvB5z1Kp1o5wjSbCzYXuQjCAQEt8yE0P2GxZuyOZRJl8FsCUVQRokn1+rdilkkAAA7" />
これはなんなのかというと、単純に画像ファイルをBASE64エンコードしてるだけです。
いやー、こんな便利なものがあったんですね。
もちろんあまり大きなファイルには使えませんが、ちょっとした装飾とかには十分役立ちそうです。
しかし改行されないせいでえらいことになってるな。
word-wrap: break-wordとか効かないみたいだしどうすれバインダー
PR
トラックバック
トラックバックURL:
