Resize Gambar Untuk Mempercepat Loading Blog

in Blogging | 40 Comments
Resize Gambar Untuk Mempercepat Loading Blog

Pernahkah terpikir oleh anda bahwa ukuran(size) sebuah gambar/foto dapat mempengaruhi kecepatan loading blog ? Sebelum menulis artikle ini saya sudah melakukan sedikit experimen dengan mencoba gambar berukuran 1Mb dan gambar berukuran 500kb, ternyata memang benar sedikit banyak loading blog  akan terpengaruh dengan ukuran-ukuran gambar yang anda upload ke blog anda. Semakin banyak gambar berarti apabila tidak anda optimisasi dan di resize maka otomatis blog anda akan berkurang kecepatan loadingnya. Untuk mengatasi masalah gambar ini saya menemukan sebuah plugin bernama wp smush-it.

Plugin ini berfungsi untuk me-resize gambar yang anda upload ke blog anda secara otomatis tanpa mengurangi kualitas gambar tersebut. Plugin ini sebenarnya hasil integrasi antara wordpress dengan API smushit yang di ciptakan oleh Yahoo Developer. Sebelum mencoba keampuhan plugin ini anda dapat mencoba me-resize gambar anda secara manual dulu di  smushit.

nb : 1.Copy url gambar ada disini
        2.Klik Smush

Setelah anda mengcopykan url gambar anda kemudian anda akan di bawa ke halaman Result, halaman result ini adalah hasil setelah di resize oleh smushit.
Untuk mendownload pluginnya silahkan menuju halaman Wp Smush-It. Satu kekurangan dari plugin ini, karena secara otomatis me-resize gambar ketika di upload, maka untuk gambar-gambar yang sudah anda upload sebelumnya untuk me-resizenya anda harus lakukan secara manual satu per satu.
Cara meresize gambar yang sudah di upload sebagai berikut :

  • Masuk ke dashboard.
  • Pilih Media pada menu di sebelah kiri
  • Kemudian klik Library.
  • Anda akan di bawa kehalaman dimana anda bisa melihat gambar-gambar apa saja yang sudah anda upload. Lihat kolom paling kiri dengan tulisan Smush.it.

  • Gambar di atas adalah contoh gambar yang sudah di resize oleh smush-it, dan tulisannya Re-smush yang artinya di resize ulang. Tapi apabila sudah di resize anda tidak perlu klik Re-Smush. Apabila gambar tersebut belum di resize, tulisan yang muncul adalah Smush.it Now!, yang artinya Smush.it sekarang atau resize gambarnya sekarang :D .

Wp smush-it ini cocok juga untuk anda dengan hosting yang terbatas dan menginginkan kecepatan blog bertambah. Memang agak merepotkan bila harus me-resize satu per satu gambar anda, kalo ada 100 gambar bisa pegel-pegel :D . Tapi setidaknya plugin ini bisa anda pertimbangkan apabila akan membuat blog baru menggunakan wordpress.

Semoga bermanfaat.

Penulis: Satrya Bima - http://www.margasatrya.com

Satrya, founder margasatrya.com yang saat ini sedang bekerja di salah satu provider theme e-commerce, Tokokoo.com sebagai Front End Developer. Mau mengenal saya lebih jauh ? Silahkan follow twitter atau kontak saya

Berlangganan Artikel Gratis !

  • Indra

    Khusus wordpress ya.. Blogku blogspot gan,.!

    • http://www.margasatrya.com Satrya

      @Indra, kalo gak pke wordpress paling manual pakai Smushit

      • http://abdulhakim.web.id Hakim

        @Satrya, berarti manual juga bisa mas, jadi tinggal copas urlnya yang udah di resize aja gitu??

        • http://www.margasatrya.com satrya

          @Hakim, iya betul mas.

      • JUN

        @Satrya, jadi kalo manual sama aja dengan gunaiin hosting image dunk kak? :)

  • Masdin

    Ada plugin nya toh, baru tahu saya hahaha… biasanya saya rubah resolusi pake program GIMP :D

  • idebagusku

    kalau saya lebih suka pake aplikasi Riot, soalnya dah kebanyakan plugin

    • budiastawa

      Satrya, plugin ini khusus untuk gambar yang disimpan di space hosting ya? Soalnya saya menyimpan gambar di Library WP.com, dan saya gunakan Insert > from URL setiap kali menyisipkan gambar.

      @idebagusku: Saya juga pake Riot. Riot mantap ya?

      • idebagusku

        @budiastawa, ia mas, ukuran gambar kecil tapi kualitas oke

  • Dunia Komputer

    Saya lebih sering pake sotoshop untuk maslah resize. Sepertinya yang ini perlu dicoba. Thanks infonya Mas.

    • aldy

      Ya mas, saya juga menggunakan aplikasi Adobe Photoshop untuk mengolah gambar, tapi seperti yang sampaeyan bilang, kalau bisa lebih mereduce lagi kan makin mantap.

  • http://mengeluh.wordpress.com tary sonora

    hmm nice info, baru tau aku, oke thanks infonya aku coba liat dulu ya di blogku.

  • ghe

    masalah ukuran smush it, apakah kita yang menetukan ukurannya seberapa besar atau auto dari sananya?

    • http://www.margasatrya.com Satrya

      @ghe, ghe ini bukan ukuran dalm bntuk pixel,misal 400×400 px, tapi ukuran sizenya, kb,mb jadi ini tidak bisa di atur hanya di optimisasi agar lebih kecil mungkin istilahnya di kompress secara otomatis.

  • http://ca-me-ra.com/pentax-camera pentax camera

    makasih infonya mas…

    patut di coba…

  • http://tusuda.com/ TuSuda

    Wah..saya masih melakukan secara manual dengan mengedit gambar di paint. Apakah plugin ini tidak memberatkan loading blog ya Mas.?
    BTW, Apa kabar Mas..sudah lama saya baru sempat berkunjung kesini lagi. Terimakasih sudah berbagi infonya…

  • http://kafegue.com/ iskandaria

    Saya masih suka pake cara manual (resize di MS Picture Manager), tapi lumayan merepotkan dan menyedot energi juga sih mas. Kayaknya plugin ini jadi solusi deh.

  • http://ddery.com dery

    untuk kompres gambar saya biasa pake cara manual, seperti hxxp://www.imageoptimizer.net/Pages/Home.aspx atau hxxp://www.stanleyshilov.com/online-tools/image-compression/ untuk kompres jpg..

  • rismaka

    Sayangnya plugin smushit mengharuskan gambar diupload di server sendiri ya, ide buruk jika diterapkan di blog saya yang space-nya terbatas :D

    Saya sedang mencari plugin yang berfungsi mengunggah gambar ke layanan imagehosting seperti imageshack atau flickr. Jika kita mengupload gambar di wordpress, maka secara otomatis plugin tsb akan menyimpannya di flickr atau imageshack. Kira2 ada ga ya plugin tsb?

    • http://www.margasatrya.com satrya

      @rismaka, ada mas, jadi plugin ini integrasi dengan flikr, mas upload dulu foto2 yg mau di masukan ke dalam artikel, nanti di editor tinggal di pilih foto mana yang akan di sisipkan di artikel.

      • http://www.margasatrya.com satrya

        @satrya, upload ke flickr dulu mksudnya.

  • http://www.blogodolar.com/ Kang Yudiono

    Saya masih menggunakan cara manual di excel untuk memperkecil ukuran gambar. Setelah itu baru dipaste di paint untuk mengubahnya ke bentuk JPG.
    Lumayan memperkecil ukuran gambar.
    Misalnya dari 70 kb menjadi 30 kb.

  • Tips trik blogging

    klo nambah plugin lg, nanti blogku jadinya tambah beraaatt mas :D
    jadinya aku pake aplikasi offline ajaa hehehe

  • http://www.driving-instructors-birmingham.co.uk/ automatic driving lessons in Birmingham

    thanks infonya

  • mr.bedel

    nais inpo gan,,,,,
    dari kemaren ane bolak-balik cari cara biar gambar di blog ane bisa tmpil maksimal, untung ane nemu artikel ini.
    tengkyu bhro…………..

  • Adhie // DesainQu

    Bagi pengguna Adobe Photoshop bisa menggunakan “Save Web As”. Cukup powerful untuk mengkompres ukuran file gambar.
    Kalau kapasitas space di host tidak mencukupi, bisa menggunakan situs2 database gambar, misalnya flickr atau photobucket.

  • venty

    artikel2 yang mas tulis.. keren2 semua…
    jadi bingung mau baca semuanya…
    hehehe…
    sukses mas..

  • http://setitikpemikiran.blogspot.com wibowo

    tips yang menarik, mas. blog saya lemooot banget. mungkin karena banyak gambar nya kali ya :D
    atau pengaruh banner berjalannya? saya ndak tau. soale lagi senang-senangnya bikin blog baru hohoho. jadi kalau lemot jadi pengunjung bakal kabur ya. waah… musti di rampingkan nih. terima kasih buat sharing infonya :) salam kenal dan happy blogging

  • http://www.gemilang.tv Indovision

    Sy cek sdh ada pluginnya, oh.. yg di kasih sama mas satrya. Thanks

  • Pingback: Plugin Image Hemat Space Hosting | Tutorial Tips Wordpress | Margasatrya.com

  • http://codolsky-organized.blogspot.com/ codolsky

    kok tambah gede ya KB nya…>>>>>>???

  • http://www.bumibatara.com tri

    Thanx infonya , saya mau coba

    God Bless you

  • http://edwin-blogspotnews.blogspot.com edy winarto

    Terima kasih bos atas tutorialnya.

  • http://mbohcyber.blogspot.com Mboh

    Berguna tapi masih pikir-pikir…

  • cerita lucu

    makasih gan infonya sangat bermanfaat… saya coba praktekin dulu soalnya load blog saya kayak siput …

  • kabar islam

    berguna banget bagi saya yang butuh

  • Pingback: Plugin-plugin Wordpress Yang Selalu dan Pernah Saya Gunakan yang Mungkin Bermanfaat Untuk Anda

  • http://loviabatikdancraft.blogspot.com lovia batik dan craft

    kalau blogspot bisa juga ga ya?

    mampir juga ke blog ku:

    _http://loviabatikdancraft.blogspot.com/

  • http://coolestgadgetreviews.com meme

    nice info… tapi kok pas resize di wordpress kok ga mau jalan ya mas…

  • http://ebsoft.web.id bagas

    mas kalo kita ngambil gambar dari url google misalnya gak bisa di resize yah..harus image yg kita upload ke hosting..jadi ada cara lain gak biar bisa compress gambar dari URL google..??