Navbar

Global Var

Selasa, 27 Agustus 2013

Cara Mendapatkan URL Gambar Base64

Cara Mendapatkan URL Gambar Base64. Ada berbagai cara untuk mengetahui URL gambar. Untuk apa kita memperoleh URL gambar? Menurut saya, karena saya sering blogging, pastinya tak lepas dari HTML CSS dan link / URL. Dalam blog, URI foto atau gambar sangatlah penting. Sebab, komponen inilah yang dapat muncul pada laman blog.

Dalam menemukan URI, anda memerlukan website yang menyediakan hosting sendiri. Seperti website website ternama. Tetapi, alangkah baiknya apabila anda memasukkan URL gambar di blog tanpa memberikan link ke website tersebut. Nah, inilah yang bisa kita dapatkan dari URL gambar Base 64. Seperti yang saya lakukan pada blog ini, beberapa gambar penyusun blog ini banyak yang berupa base64.

Kelemahan dari URL base64 adalah karakter yang sangat panjang dan hampir memenuhi layar utama edit html blog. sungguh membuat tidak nyaman.

Kode HTML BLogger jonarendra

Tetapi, gambar dengan base64 ini jauh lebih ringan jika dibandingkan dengan gambar berformat jpg png bmp bahkan gif. Mau tahu langkah langkah / cara mendapatkan URL gambar base 64? Silahkan perhatikan tutorial dibawah ini.

Cara Mendapatkan URL Gambar Base64

1. Siapkan terlebih dahulu gambar anda
2. Silahkan kunjungi http://webcodertools.com/imagetobase64converter/Create
3. Klik Pilih File untuk menentukan gambar yang akan di upload

Upload file gambar untuk mendapatkan URI Base64 jonarendra

4. Setelah itu, klik
5. Tunggu loading sejenak dan URL pun muncul

Hasil dari URI gambar Base64 jonarendra

Keterangan:
  • Example adalah gambar yang anda upload
  • Image Tag adalah kode HTML dari gambar yang terbetuk
  • CSS background merupakan bentuk kode CSS untuk gambar latar
  • Nah, URL Base64 nya dari kode data:image... sampai akhir kode penutup Tag atau CSS

Mudah kan untuk memperoleh url gambar base64? Sekian dulu artikel dari Jona Rendra yang berjudul Cara Mendapatkan URL Gambar Base64, semoga bisa berguna untuk anda dalam proses pengeditan template. Apabila ada kesulitan, pertanyaan, kritikan atau tambahan dari anda, bisa dikirim melalui kotak komentar dibawah.

0 komentar:

Comments Utility