Image via Wikipedia

Windows Live Writer merupakan alat bantu menulis artikel blog terbaik jika Anda menggunakan Microsoft Windows. Selain merupakan freeware/gratis, banyak sekali fitur yang ditawarkan oleh Live Writer, ditambah kemampuannya bisa terus ditingkatkan dengan menggunakan plugin. Sangat nyaman jika Anda menulis blog dengan Live Writer.

Akhir-akhir ini setiap akan melakukan publish artikel ke blog, Live Writer selalu gagal. Muncul pesan kesalahan: metaWeblog.newMediaObject method received from the blog server was invalid:  Invalid response document returned from XmlRpc server. “Waduh Live Writer kenapa lagi nih?”, kata saya dalam hati. Saya jadi teringat masalah sebelumnya yang harus dituntaskan dengan memodifikasi sebuah file PHP di WordPress.

Solusi pertama yang terpikirkan adalah mengupgrade instalasi WordPress, karena kebetulan saya belum menggunakan versi terbaru. Setelah diupgrade, walau dengan sedikit kesulitan karena blog saya tidak mau diupgrade dengan fitur Automatic Upgrade bawaan WordPress 2.8, lalu saya coba lagi publish artikel dari Live Writer. Sayangnya masih gagal.

Setelah melakukan pencarian di Google, saya mendapat saran untuk melihat log file Live Writer (Help > About > Show Log File). Setelah membuka file log tersebut dan kebingungan untuk menterjemahkan isi log tesebut kecuali melihat ada permasalahan ketika memanggil beberapa fungsi seperti “DoBeforePublishUploadWork”, saya kembali melakukan pencarian di Google. Akhirnya saya menemukan sebuah blog yang memberitahukan bahwa kemungkinan permasalah tersebut bisa jadi merupakan konflik dengan plugin Smush.it.

Smush.it, merupakan tool untuk memperkecil ukuran gambar on-the-fly (langsung, tanpa aplikasi pengolah gambar) yang sangatlah berharga bagi pemilik blog. Namun permasalahannya, akhir-akhir ini service yang diberikan secara gratis oleh Yahoo Performance Team ini tidak stabil, terutama setelah ada update terbaru bagi plugin.

“Masuk akal”, pikir saya dalam hati. “DoBeforePublishUploadWork” pasti berhubungan dengan mengunggah (upload) file ke server blog. Langsung saja masuk ke halaman admin blog dan menonaktifkan plugin Smush.it. Saya kembali ke Windows Live Writer dan coba kembali mempublish sebuah artikel, dan kali ini sukses!

Sedikit penasaran, saya mengaktifkan kembali plugin Smush.it dan upload sebuah file gambar via admin WordPress. Ketika mencoba mengecilkan ukurannya dengan Smush.it, sebuah pesan kesalahan kembali muncul seperti gambar di bawah:

Setelah kembali melakukan pencarian di Google, pesan “Failed to create a temp dir” ini terjadi di server Yahoo/Smush.it, bukan di server pengguna plugin, jadi tidak ada yang bisa kita lakukan.

Sampai Yahoo/Smush.it memperbaiki masalah ini, saya nampaknya harus terus menonaktifkan plugin Smush.it…

Image by gIadius via Flickr

Salah satu point penting ketika melakukan desain web adalah performance (performa). Performa disini bukanlah tampilan yang wah atau animasi yang keren, namun sebaliknya: bagaimana halaman web dapat ditampilkan secara cepat, mengurangi resource yang perlu digunakan dari server, meminimalisir koneksi HTTP, dan masil banyak lagi. Gambar, sebagai salah satu elemen yang paling sering digunakan dalam sebuah halaman web tentu saja tidak lepas dari point penting ini. Dan salah satu trik yang digunakan adalah optimalisasi gambar.

Optimalisasi gambar secara sederhana adalah membuat ukuran file gambar (besar file dalam bytes, bukan dimensinya) sekecil mungkin tanpa mengurangi kualitas gambar. Jika anda familiar dengan program Photoshop, ada sebuah fitur yang disebut dengan Save for Web dimana kita bisa melihat preview dari gambar setelah dioptimalisasi (hingga 3 buah gambar).

Gambar 1. Fitur Save for Web pada Photoshop dimana anda langsung dapat melihat preview 3 tingkatan kualitas gambar/besar file yang akan disimpan (gambar asli/original selalu berada di kiri atas).

Atau jika anda menggunakan program image editor yang lain, ketika akan menyimpan file kedalam format JPG sering kali anda ditanyakan mengenai kualitas gambar yang akan disimpan (biasanya dalam skala 10-100). Ini sebenarnya adalah kualitas gambar setelah proses kompresi: ketika kualitas tinggi tingkat kompresi yang digunakan rendah dan ukuran file menjadi besar. Begitu pula sebaliknya.

Sudah bingung? Atau malah bosan? Oke, saya tidak akan mengajarkan bagaimana menjadi “master optimalisasi” dalam artikel ini. Paragraf di atas adalah sekedar ilustrasi dan pengenalan mengenai optimalisasi gambar. Lalu apa keuntungannya optimalisasi image ini buat para penulis blog ?

1. Ruang hard disk yang digunakan secara otomatis lebih kecil (terutama yang memiliki paket hosting dengan space kecil).
2. Bandwith yang digunakan juga kebih kecil (terutama untuk yang menggunakan hosting dengan bandwith terbatas).
3. Resource server yang digunakan lebih kecil (karena memanggil file dengan ukuran yang lebih kecil).
4. Halaman web akan tampil lebih cepat di browser pengunjung (karena total jumlah bytes yang harus di download juga lebih kecil).

Dari semua keuntungan ini, hanya satu point minusnya: anda harus melakukan langkah ekstra mengoptimalisasi gambar sebelum di upload ke webserver. Nah disinilah Smush.it memainkan peran penting, karen proses optimalisasi dapat dilakukan secara otomatis!

Berbeda dengan aplikasi desktop, Smush.it merupakan servis online yang dikembangkan oleh Yahoo Exceptional Performance team. Smush.it menawarkan 4 cara optimalisi gambar:

1. Upload ke web Smush.it
2. Plugin Firefox
3. Bookmarklet
4. Plugin WordPress

Dalam artikel ini saya hanya akan membahas point ke 4. Plugin Smush.it dapat didownload di: http://wordpress.org/extend/plugins/wp-smushit/

Setelah aktivasi plugin, Smush.it akan secara otomatis melakukan optimalisasi gambar yang di upload. Lalu bagaimana untuk gambar yang sudah berada dalam server? Jangan takut, anda dapat melakukan optimalisasi secara manual. Caranya cukup mudah: login ke halaman Admin WordPress anda dan klik Media > Library dari menu sebelah kiri. Halaman Media Library akan muncul dan anda dapat melakukan optimalisasi gambar satu per satu.

Gambar 2. Anda dapat dengan mudah melakukan optimalisasi file gambar dari dalam Media Library dengan mengklik link Smush.it now!.

Dari gambar diatas dapat dilihat saya dapat memangkas ukuran file gambar sebesar 25.3% dengan menggunakan Smush.It. Nilai ini dapat berbeda dengan file lain, tergantung dari ukuran file asli dan sebagainya. Secara umum Smush.it dapat mengurangi besar file 10-50%.

Mudah bukan? Selamat mencoba!