[JavaScript] dataスキームURI生成（画像データのBase64変換）

Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方

[takanakahiko]

あとで確認する

[atelierMIRACLE]

画像をURIに変換したいときに便利

[Mariyudu]

画像URLを指定して、Base64埋め込みな JavaScript コードに変換

[iww]

IE8以降なら使える

[suzukiMY]

バイナリデータを Base64 エンコードに変換。data スキーマでは、ソースコード内に画像データを埋め込めるdataスキーム（「data:image/gif;base64,～」形式）を生成。

[tiadeen2]

「JavaScript ソースコード内に画像データを埋め込める、『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成」これをスマートフォンで提供するとリクエスト回数が減ってハッピー。

[jitojito]

画像データBase64エンコード

[t32k]

dataスキーム - Tags: #performance #greasemonkey

[hurvinek]

JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。

[replication]

Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。

[ufomap]

Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに

[blueberrystream]

JavaScriptに画像埋め込み

[naga_sawa]

JavaScript埋め込み用/画像データをBase64変換

[kiyotaka_h]

はてブのエントリで使ってる favicon は Base64 で埋め込み HTTP 通信を減らしている。しかし IE 非対応。 Trident...

[hamatsu1974]

この変換がローカルで出来るようになれば、Javascriptでバイナリデータの暗号化も出来るワケですな。ニヤリ

[koki-h]

ソースコードにエンコードした画像を埋め込む

[snaka72]

image から data scheme な uri を生成する。

[yomotsu]

データスキームURI生成

[inurota]

素晴らしい。便利すぎる。OpenSearchのプラグインXML書くときに特に重宝

[webmarksjp]

Firefox

[kminoru]

IMG画像埋め込みにおけるBase64変換サービス

[k0y]

画像のBase64変換　/　Greasemonkeyなどで使う

[yheld]

data:// scheme

[bluerabbit]

Base64変換 greasemonkeyに使用する画像を変換するときに使用

[MotionBros]

dataスキーム base64 で作成

[june29]

画像をプログラム中に埋め込むとき用

[kennak]

たまに便利

[Aoba]

画像データをBASE64エンコードでJavaScript内に埋め込む。IEで動かないのが残念。

[se-mi]

画像をコード中に

[Fsiki]

FirefoxのuserContent.cssで画像使う時に便利