[提供終了]画像をBase64に変換するツール (data URI scheme) – シングスブログ

Google のウェブ検索結果でウェブページのスクリーンショットに使われている data URI scheme。 data:[<mediatype>][;base64],<data> 形式のデータ (data URI scheme) を生成してウェブページに埋め込むことで HTTP リクエストを減らせるメリットがある。ただ、バイナリデータより3割ほどデータサイズが増える。 ファイルサイズが小さいアイコンを直接埋め込んだり、ブラウザが PC より対応しているスマートフォンでも使われ出している。ということで、画像のバイナリデータを Base64 にエンコードするツールをつくった。出力形式も HTML の img、CSS、JavaScript、生データに対応。 ツールの提供は終了しました。 data URI scheme がサポートしている HTML タグは object (images onl

[nuyamazu]

base64

[pink_dark]

適当な画像で試したところ、623kb→831kbになり、確かに3割ほど増えた。

[wellwisher]

dataURIscheme

[webbingstudio]

画像をBase64形式に変換して、HTMLやCSS用のコードを返してくれるツール。リストアイコンなどはCSS Spriteで一枚にまとめるとずれてしまうし、IE6・7の対応もそろそろ不要なので実用レベルになったかな

[nacika_inscatolare]

画像 base64変換

[As_hsp]

画像 base64変換

[kitokitoki]

data-uri

[xxxanxxx]

iphone

[ka2nn]

[][tools]