Membuat screenshot website

Posted on Tue, 11/13/2007 - 10:41 in

Boss saya di Singapore sering sekali mengirim instruksi berupa e-mail dengan attachment file Microsoft Excel, yang berisikan copy & paste dari Internet Explorer yang sedang menampilkan suatu halaman. Dia sangat senang bermain-main dengan excel, dia bisa bikin draft design disitu. Kita di Jakarta pun tinggal membuka file excel tersebut dan membuat halaman sesuai yang dia inginkan.

Ada kalanya saya pun harus membuat screenshot dari halaman website yang sedang saya develop. Biasanya sih saya tinggal copy & paste saja window Internet Explorer atau Firefox dengan menekan Alt-PrintScreen. Tinggal paste saja di excel, siap dikirim ke si boss. Yang jadi masalah, kalau halamannya cukup panjang kebawah, jadi harus bikin dua screenshot atau lebih. Sangat tidak profesional.

Dulu di tim saya ada web designer yang biasa ngurusin hal beginian. Dia bisa bikin banyak screenshot itu jadi satu gambar saja. Maklum jagoan Photoshop. Saya sih boro-boro make Adobe Photoshop CS ato apapun namanya, pake ACDSee ama Photoshop Elements aja masih kagok hehehe. Maklum jiwa seni saya lebih kental di bidang per-codingan.

Setelah bertanya sama mbah Google, saya menemukan satu tool yang menjawab kebutuhan saya, yaitu add-on Firefox Save As Image. Langsung saja di-unduh dan di install. Setelah itu saya restart Firefox. Perhatikan pada menu File, ada tambahan submenu baru.

Jadi tinggal buka halaman website yang ingin dibuat screenshotnya, trus pilih menu File » Save Page As Image.

Anda bisa memilih bagian yang ingin di-save, serta format gambar yang diinginkan. Cuma waktu saya pakai masih agak buggy, ngga bisa select lebih besar dari yang ditampilkan. Jadi saya biasanya langsung klik Select All dan save imagenya, lalu di crop menggunakan photo editor favorit saya.

Nah jadinya rapih dan terlihat profesional khan. :) Hanya saja ada satu kelemahan program ini, yaitu nggak mendukung Flash. Sebenernya bukan kelemahan program ini, tapi memang dari Firefoxnya yang nggak bisa. Kalau sudah begitu manual saja deh. :p

Nah loh, belum pakai browser Firefox? Buruan deh download browser gacoan saya ini.

Posted by LiSan Skywalker on Wed, 11/14/2007 - 11:13

Kayaknya udah tau deh dari lama...
Berarti saya lebih pintar dunk dari bos kamu hohoho...

Posted by lintaka on Mon, 11/19/2007 - 11:07

Bos loe gak bisa Adobe Photoshop, makanya make excel. Ato mampunya beli MS Office aja kali? Hueueu

Posted by Ivan on Mon, 11/19/2007 - 17:24

iyalah harga sotosop mahal getoh... pake ms paint uda hepi dia hueuheuhe

Posted by bejo- on Tue, 11/20/2007 - 20:18

huahaha...btw eksel gede juga loh...itu yg bikin kantor eloe kadang ngeleg2...

lu tau kaga kadang 1 file excel dia ada yg 5mb isinya skrinshut semua...

Posted by blacky on Sun, 11/25/2007 - 18:35

Malahan lebih parah lagi pernah gw suruh desaim web pake EXCEL aja hahahahaha
dasar ngak punya otak na

Posted by Ivan on Tue, 11/27/2007 - 04:59

alah siapa nih blacky? masih diketekin si item loe? huehuehehe...

Posted by jimmy on Sat, 12/08/2007 - 17:59

wah thanks ya info nya.. berguna sekali.. ini yang sudah lama saya cari, selama ini sering kebingungan lihat orang koq bisa bikin screenshot website yang panjang2 ke bawah..

Posted by Ivan on Sat, 12/08/2007 - 20:33

@jimmy: sama2 jim ^^ gw hepi bisa share pengalaman & bisa berguna bagi nusa dan bangsa (halah...)

Post new comment
The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Potentially problem-causing HTML tags are filtered.
  • Links to specified hosts will have a rel="nofollow" added to them.

More information about formatting options