Konverter Gambar ke Data URI Secara Online


Dengan adanya Data URI, maka gambar gak perlu lagi diupload, tinggal copy aja kode nya maka akan nampil di browser..

Contohnya :


<img width="48" height="48" title="" alt="" src="data:image/png;base64,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" />

Untuk alamat konverternya : http://www.websemantics.co.uk/online_tools/image_to_data_uri_convertor/

Caranya tinggal upload gambar dan tekan tombol “convert”, maka akan muncul hasilnya

Selamat Mencoba 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s