Trik Optimasi Blog dengan Image Base64

Sebelum membahas trik optimasi blognya, kita akan membahas sedikit mengenai base64.

Apakah base64 itu?

Base64 is a group of similar binary-to-text encoding schemes that represent binary data in an ASCII string format by translating it into a radix-64 representation. The term Base64 originates from a specific MIME content transfer encoding (Wikipedia, 2016).

Kita tidak perlu belajar kriptografi untuk dapat mengkonversi suatu data menjadi base64 karena saat ini banyak tool yang dapat kita gunakan.

Beberapa kelebihan menggunakan gambar dengan enkripsi base64.

  • Gambar tersimpan dalam database (terenkripsi sebagai base64), bukan dalam bentuk file sehingga ketika Anda akan melakukan backup post blog Anda tidak perlu ikut membackup file-file gambarnya
  • Loading web lebih cepat, karena menghilangkan http request untuk file gambar kita

Berikut adalah beberapa trik optimasi blog dengan gambar base64

Trik 1

Syarat: LibreOffice Writer (sebagai word processor) dan CKeditor (sebagai WYSIWYG editor blog)

Step 1 Mulai menulis post dengan LibreOffice Writer (termasuk menyisipkan gambar) sampai menjadi post yang lengkap
Step 2 Copy semua tulisan dan gambar dari dokumen yang telah dibuat dengan LibreOffice Writer (Ctrl + A –> Ctrl + C)
Step 3 Paste (Ctrl + V) di blog Anda yang menggunakan CKeditor sebagai WYSIWYG
Step 4 Rapihkan tulisan dalam blog dan sesuaikan ukuran gambar
Step 5 Publish post

Trik 2

Step 1 Buka Base64 Image Encoder
Step 2 Unggah file gambar Anda dan tunggu proses encoding
Step 3 Show Code –> Copy Code
Step 4 Buka blog Anda, menulis dalam mode html lalu paste code gambar Anda
Step 5 Publish Post

Berikut ini adalah contoh gambar yang dienkripsi menjadi base64

Anda bisa mengeceknya dengan klik kanan pada gambar, view image. Lihat URL gambar bukan http ://www.*** tetapi data:image/png;base64***.

Leave a Reply

Your email address will not be published. Required fields are marked *