testbox

Sometimes, when you found some cool pictures on Flickr, that you like to save for your personal collection of inspiration, you’d probably encounter the spaceball.gif protection. A faster way to check whether the photo has this spaceball.gif protection is by looking at the buttons above the photo – if there is no “All Sizes” button, it is definitely protected. Tradiotional way to go around this problem is to use the screenshot tool.

Now, how can you bypass this protection?

Let’s find a random photo on Flickr. Here is one, a photo of skater by a Flickr user lomoD.xx

full-flickr

On that page, you can try to save the image, and you’ll notice that the save dialog box will prompt you to save a file named “spaceball.gif”.

Important note: It is the owner’s right to protect their artworks from irresponsible people who likes to steal other people’s content. This guide is just to help you to save the image for your personal collection, or if you’d like to publish it somewhere, it is your responsibility to link it back to the original source.

Use Firebug

Yes, that’s the only tool we need (other than Firefox web browser, for sure). If you’re not familiar with Firebug, I did cover some guides on my previous tutorial. Fire up Firebug, and use the inspect element and click onto the photo. You’ll (hopefully) see something like this:

full-firebug

Noticed the file spaceball.gif in the highlighted text on the left column in Firebug? Good. This .GIF file is overlaid onto the real photo that you’re seeing. So we need to get rid of it. The best way to do it is by modifying the inlined CSS. On the right column of Firebug panel is where you should modify the CSS. Initially, the CSS of the spaceball.gif is :

element.style {
   display:block;
   left:0;
   position:absolute;
   top:0;
}

All we have to do is to change the display:block to display:none as shown below.

full-firebug-display-none

Once you’ve performed this step, you can save the image, without having to deal with the spaceball.gif anymore. Note that this tricks will not allow you to get any other sizes of the photo other than the one you’re seeing on that page.

Use it wisely, people!

Share/save this: Delicious | StumbleUpon

19 comments

  1. Tactic main kotor :P

    What ever it is, becareful using other’s flickr image, you can get sued.

  2. flisterz - 24 Dec 2009

    Haha i know. I usually use the images for mock-ups and personal stuff.

  3. gambar apa yang ko nak amik ni gad sampai berusaha keras dan bersemangat waja ni?

  4. nice tutorial. haha

  5. Personally, I used the Media tab, from the View Page Info which you can reach from your right click (Firefox only). Hehe.

  6. flisterz - 26 Dec 2009

    @zuriani: takde usaha keras pun tu Yan oi. biase je tu
    @Fahmishah: thanks!
    @abdusafauzi: yeah, that one can be used also. I guess I’m too attached to Firebug. heh

  7. kalau firefox.
    view > page style > no style
    then save

    habis cerita :)

  8. Guna Microsoft Office OneNote pon senang actually. Just right click>drag image>save as.

    http://office.microsoft.com/en-us/onenote/HA102124721033.aspx

  9. 1. buka page yang images yang nak di copy. Pastikan dah abis loading.
    2. then, tekan butang f5 . masa loading kali ini , terus klik kat gambar yang nak dicopy .
    3. klik kanan , select view image .
    4. dah jumpa gambar tu pandai2 la copy.hehe

  10. fuyo dorang ni gune bahase transformer ke.

  11. issh dapi ajar kerja keji. haha

    i pun slalu buat. ehem.

  12. i couldn’t agree more with Eddie
    i’ve seen a lot of people get sue in flickr for disobeying someone’s copyright.

    but hey, thanks for sharing !
    :D

  13. gehehe..u are cekap!

    hey bro…long time no see? :) gud luck..ur designz are getting greater n greater!

  14. Сенкс за инфу, почитал с интересом

  15. update blog ah hahah

  16. Good, now I can “steal” some images! Haha.

  17. took a lot of time! i jez print screen it and cut it. jez using paint. easy n simple rite? cool!

  18. Its a shame Media tab doesn’t work on IE, its just the answer for most of my projects!

    Thanks for sharing this man


Leave a comment