◄ Min  Size Fonts: + | - | ± Color: Max ►

Uniqueness of Data URI or Base64

Berawal dari melihat komentar yang berbunyi "By the way, is there a website you use to convert HTML to a data:uri?" = "By the way, apakah ada website yang anda gunakan untuk mengkonversi HTML ke data: uri?" Data URI scheme adalah skema URI (Resource Identifier Uniform skema) yang menyediakan cara untuk memasukkan data in-line di halaman web seolah-olah mereka sumber daya eksternal. Teknik ini memungkinkan elemen-elemen biasanya terpisah seperti foto dan style sheet yang akan diambil dalam permintaan HTTP tunggal dan bukan beberapa permintaan HTTP, yang dapat lebih efisien. Link data URI must be base64 encoded!!!
Selidik dari membaca ternyata link data URIs dapat mendukung ke berbagai format selain image. It is support to TEXT, CSS, IMG (gif-jpg-png), HTML dan tidak tahu lagi apa saja ekstension yg sudah mendukung dengan penulisan encode base64 :-/

Formatdata:[<MIME-type>][;charset=<encoding>][;base64],<data>Untuk mempelajari secara detail otak gue belum sanggup, mari kita langsung lihat bentuk penulisan berbagai extension. Metode penulisan base64 pada address bar sebagai berikut

TextCSS
data:text;base64,BQUFBYZdata:text/css;base64,AsLCxM
JavaScriptHTML
data:text/javascript;base64,PYAAAAdata:text/html;base64,nKOjo6ys
GIFJPG
data:image/gif;base64,R0lGODldata:image/jpg;base64,dGggR

Bentuk penulisan sudah kita ketahui, maka source penyedia jasa guna menggenerate konten menjadi DATA URI/BASE64 Koben akan share :D
http://dopiaza.org/tools/datauri/
http://dataurl.net/#dataurlmaker
http://www.randelshofer.ch/datauricreator/
http://bran.name/dump/data-uri-generator/
http://software.hixie.ch/utilities/cgi/data/data
http://www.motobit.com/util/base64-decoder-encoder.asp
Sekian dan terima kasih, semoga bermanfaat :)
Happy data URI \m/
Loading...
XUniqueness of Data URI or Base64

Subscribe my posts Register For Free!

4 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE