Stay Updated: Posts | Comments

  • 25th November 2008 - By zoel

    Sebagai seorang web designer , pastilah kebiasaan mengumpulkan situs-situs dengan tampilan yang menarik dan bagus untuk inspirasi tidak akan dilewatkan. Hal itu terjadi pada diri saya, aplikasi SnagIt memang sudah terkenal lama dengan segala macam fitur yang disediakan tetapi apliaksi ini bisa dikatakan memakan ruang harddisk yang cukup besar kurang lebih sekitar 21.96 MB, belum lagi sources memori yang akan di gunakan ;-) . Tapi memang hutan belantara dunia maya tidak pernah berujung dan banyak sekali suber daya yang kita gunakan “weh..bahasanya boss!”.

    Mozilla sebagai sebuah raksasa browser yang terus bertanding denga IE memang sangat kaya dengan fitur-fitur yan bisa di tambahkan disana, hal ini akibat dukungan dari opensource yang di adobsinya, sebuah add-on yang dengan nama Screengrab merupakan add-on yang menurut saya perlu dipasang di browser Mozilla FireFox, dengan size kurang lebih 44,4kb add-on ini sanggup mengcapture halaman web yang kita ingin ambil ….hmmm bayangkan dengan ukuran sangat kecil dari SnagIt tetapi memiliki tujuan yang sama namun demikian snagit mungkin fiturnya lebih dari Screengrab. ;-) .

    So bagai mana cara menggunaknnya?,

    1. Syarat yang harus ada adalah browser Mozilla FireFox harus sudah terpasang di sistem oprasi kita minimal versi 2.0 – 3.0+
    2. Setelah itu ada dua cara untuk menginstallnya yaitu install on fly “langsung” dan tidak langsung “bingung kan!”…
    3. Biar gak bingung kita pake yang cara on fly dulu, yaitu coba akases alamat dari addon screengrab ini
    4. Selanjutnya klik satu kali bottom “Add to Firefox”. dan tunggu perintah selanjutnya
    5. Akan muncul sebuah popup seperti gambar berikut, dan kilk “Install” setelah hitungan mundur yang tertera berakhir.
    6. Maka secara otomatis akan terlihat disisi kiri browser kita akan muncul status instalasi Add-on
    7. Jika sudah selesai maka kita akan diminta untuk merestart Mozilla Firefox kita maka selesailah instalasi screengrab kita ;-)
    8. Untuk yang manual adalah dengan mendownload dulu add-on tersebut yang berekstensi .xpi.
    9. Setelah terdownload maka kita install dengan cara klik “File” —> “Open File” —-> arahkan ke file screengrab!-0.95-fx.xpi dan akan muncul proses yang sama dengan yang diatas ;-) ( versi saat saya menginstall sudah versi 0.95 yang kompetiable dengan FF3 )
    10. Jika sudah selesai terinstal maka saatnya kita mengcapture halaman web yang kita inginkan ;-)
    11. Misal pada kasus ini saya membuka halaman ke sukaan saya www.designdiary.org dan perhatikan di sisi kanan bawah browser kita ada icon screengarb seperti gambar berikut :
    12. icon berupa bola dunia yang ada foldernya adalah icon dari screengrab, kita klik kiri

      dan pilih “save” –> “complete page/frame” –> save as –>namafile yang kita inginkan

    13. Maka bimsalabin halaman web akan tersimpan dalam format png secara sempurna ;-)
    14. Untuk merubah format file capture kita silahkan pilih pada menu option yang ada pada Addon screengarb setelah firefox kita restart
      klik “Tool” —>”Add-ons”(Ctrl-Shift-a) —–>akan muncul seperti gambar berikutĀ  :
    15. Pilih Option dan tentukan jenis formatnya .PNG atau .JPG
    16. Mudahkan, selamat mencoba.
      ini adalah hasil capture saya terhadap halaman web designdiary.org
    Related Posts Plugin for WordPress, Blogger...

    No related posts.

  • 5 Responses to “Mengambil halaman web secara penuh menjadi PNG atau JPG”

    • aditsaputra on November 25, 2008

      wow…makasih banget infonya mas…

    • Dian on November 25, 2008

      pake http://browsershots.org/ jg seru,
      bisa screenshot multiple browser, jd bisa cek desain kita compatible di berbagai browser

    • zoel on November 25, 2008

      Makasih dah menangapi posting saya, untuk mas Adi dan mbak Dian,pro mbak Dian, add-on ini lebih ke capture halaman sebuah web untuk kita simpan sebagai refrensi model halaman web, bukan untuk compatibility sebuah halaman web pada browser, tapi linknya cek browsernya ok juga tuh ..makasih ya!;-) salam!

    • Dian on November 28, 2008

      mbak dian? :)
      Hardian Nazief kurang gagah yah :P

    • zoel on November 29, 2008

      ops! maaf mas…kira saya cewek, salam kenal ya!

    Leave a Reply

    *




Copyright @ 2011 - 19fdesign.com | Web Apps Devlopment | Pengembang Sistem Informasi berbasis web

Featuring Recent Posts WordPress Widget development by YD

PHVsPjxsaT48c3Ryb25nPndvb19hZF9mb290ZXI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2Zvb3Rlcl9hZHNlbnNlPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX2ltYWdlPC9zdHJvbmc+IC0gaHR0cDovL3d3dy5iYWNrbGlua3MuY29tL2ltYWdlcy80NjhYNjAuanBnPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud2h5bGluay5jb20/YWZmPTU4MjIzPC9saT48bGk+PHN0cm9uZz53b29fYWx0X3N0eWxlc2hlZXQ8L3N0cm9uZz4gLSBydXN0LmNzczwvbGk+PGxpPjxzdHJvbmc+d29vX2F1dG9faW1nPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEwPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEwMTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xMTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xMjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xNDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xODY8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMjM8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8zMTI8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzcxPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzQzNzwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl80NDM8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfNDQ0PC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzQ4Mjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl85NTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzEwPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTAxPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTE8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xMjwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzE0PC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTg2PC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMjM8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8zPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMzEyPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzM3MTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl80Mzc8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfNDQzPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzQ0NDwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl80ODI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfOTU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Nzczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2N1c3RvbV9mYXZpY29uPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZmVlZGJ1cm5lcl91cmw8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19nb29nbGVfYW5hbHl0aWNzPC9zdHJvbmc+IC0gPHNjcmlwdCB0eXBlPVwidGV4dC9qYXZhc2NyaXB0XCI+DQp2YXIgZ2FKc0hvc3QgPSAoKFwiaHR0cHM6XCIgPT0gZG9jdW1lbnQubG9jYXRpb24ucHJvdG9jb2wpID8gXCJodHRwczovL3NzbC5cIiA6IFwiaHR0cDovL3d3dy5cIik7DQpkb2N1bWVudC53cml0ZSh1bmVzY2FwZShcIiUzQ3NjcmlwdCBzcmM9XCdcIiArIGdhSnNIb3N0ICsgXCJnb29nbGUtYW5hbHl0aWNzLmNvbS9nYS5qc1wnIHR5cGU9XCd0ZXh0L2phdmFzY3JpcHRcJyUzRSUzQy9zY3JpcHQlM0VcIikpOw0KPC9zY3JpcHQ+DQo8c2NyaXB0IHR5cGU9XCJ0ZXh0L2phdmFzY3JpcHRcIj4NCnRyeSB7DQp2YXIgcGFnZVRyYWNrZXIgPSBfZ2F0Ll9nZXRUcmFja2VyKFwiVUEtMTUzNDUzNjgtMVwiKTsNCnBhZ2VUcmFja2VyLl90cmFja1BhZ2V2aWV3KCk7DQp9IGNhdGNoKGVycikge308L3NjcmlwdD48L2xpPjxsaT48c3Ryb25nPndvb19sb2dvPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy0xOWZsb2dvLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9zdXBwb3J0L3RoZW1lLWRvY3VtZW50YXRpb24vd29vdGhlbWUvPC9saT48bGk+PHN0cm9uZz53b29fcG9zdF9zaXplPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19yZXNpemU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fc2hvcnRuYW1lPC9zdHJvbmc+IC0gd29vPC9saT48bGk+PHN0cm9uZz53b29fc2lkZWJhcl9hZF9ocmVmXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3LmRlc2lnbmRpYXJ5Lm9yZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaHJlZl8yPC9zdHJvbmc+IC0gaHR0cDovL3JldXBkYXRlYW50aXZpcnVzLmJsb2dzcG90LmNvbS88L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2hyZWZfMzwvc3Ryb25nPiAtIGh0dHA6Ly93d3cuem9lbHFpdmxpZS5jb208L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2hyZWZfNDwvc3Ryb25nPiAtIGh0dHA6Ly96b2VsLmNzc2NyZW1lLmNvbS88L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2ltZ18xPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNC1kZF8xMjV4MTI1X3YyLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaW1nXzI8L3N0cm9uZz4gLSBodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy81LWFudHZfMTI1eDEyNV92Mi5qcGc8L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2ltZ18zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNi16cV8xMjV4MTI1X3YxLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaW1nXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy83LXpxXzEyNXgxMjVfd2ViLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpbmdsZV90aHVtYjwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fdGhlbWVuYW1lPC9zdHJvbmc+IC0gbXl3ZWJsb2c8L2xpPjxsaT48c3Ryb25nPndvb191cGxvYWRzPC9zdHJvbmc+IC0gYTo1OntpOjA7czo2ODoiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNy16cV8xMjV4MTI1X3dlYi5qcGciO2k6MTtzOjY3OiJodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy82LXpxXzEyNXgxMjVfdjEuanBnIjtpOjI7czo2OToiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNS1hbnR2XzEyNXgxMjVfdjIuanBnIjtpOjM7czo2NzoiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNC1kZF8xMjV4MTI1X3YyLmpwZyI7aTo0O3M6NjE6Imh0dHA6Ly93d3cuMTlmZGVzaWduLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzMtMTlmbG9nby5qcGciO308L2xpPjwvdWw+