latest log

酩酊状態で書いたエンジニアポエムです。酩酊状態で読んでください。

DataURI Maximum length

DataURI サポート状況: http://caniuse.com/datauri
Wikipedia: http://en.wikipedia.org/wiki/Data_URI_scheme

Browser Max length Source
IE 7 0
IE 8 32KB - 1 http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx
IE 9 4GB http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx#_DataURI
MobileSafari 3.x 128KB ? http://blog.clawpaws.net/post/2007/07/16/Storing-iPhone-apps-locally-with-data-URLs#c1989348
Chrome 5 2MB http://code.google.com/p/chromium/issues/detail?id=44820#c1
Firefox Unlimited https://developer.mozilla.org/en-US/docs/data_URIs
Opera 11 63KB (65000) https://developer.mozilla.org/en-US/docs/data_URIs

(ε・◇・)з ちなみに IE 8 の URL の最大長は 2083 byte です(DataURI なら 2083以上でも大丈夫)

DataURI の作成

以下のサイトで、画像から直接 DataURI を作成できます

  1. http://dataurl.net/#dataurlmaker
  2. http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/
  3. http://software.hixie.ch/utilities/cgi/data/data

f:id:uupaa:20120809181502p:plain

おまけ

IE5〜IE7でも、RFC2397(Dataスキーム, DataURI)を使えるようにした! - latest log


(ε・◇・)ゞ あとでもうちょっと調べて拡充しておきます