Last week, Facebook rolled out a new layout that shows pictures you’ve been tagged in at the top of your profile. This immediately led to some next-level fraping, but it wasn’t until French artist Alexandre Oudin busted out his cropping skills that the hack realized its full potential:
So, how can you make your profile as awesome as Alex’s? The secret is in the sizes.
The 5 smaller images should be 97 x 68 pixels each and your profile picture should be 180 x 532 pixels.
If you don’t know what a pixel is, ask a friend with Photoshop. Give them this template, and they might actually consider helping you.
Still lost? There are some apps out there that can take care of the five horizontal images, and they have a big library full of “I <3 Justin Bieber" banners for use on your enemies.
Click below to see a few more (pretty sweet) examples.
-
-
-
Copy & paste this:
this is the complete opposite to a fail….. and win is not enough…. (:
I think this requires a new word for win…
Like, Win-tastic or Winsuper!
Epic Win?
Ah. So it wasn’t just my friend who did it. I don’t feel so worried anymore. I think.
i fail to see how this is a hack, but cool either way.
I think it’s a hack because someone else can do this to you if they tag you in pictures. I’ve already seen some really funny ways to take advantage of this xD
Or you just tag yourself.
Well, “hack” doesn’t always mean to break the security of something. As a general term, it can be messing around with something, or more specifically, as is the case here, using something in some way different from its intended purpose. “There I fixed it” and “Hacked IRL” (both failblog/cheezeburger sites) are both good examples of the different sort of things hack means.
On the topic itself, yes, this is shear win
I realize this, but you are still be using this function in the way it was intended to be used. It just so happens that you use it in a (artistically) creative manner. I guess when i think “hack” I think actually modifying something on a deeper than surface level. Not that any of this really matters.
I usually term hacking as just getting around the normal or accepted way of doing things online, not necessarily malicious (in fact, some hacker communities help software companies with vulnerability checks). For example, there was a multi-website treasure hunt going on earlier this month that was supposed to take several hours to find the clues. Instead, a creative use of Google tracked them all down in 5 minutes. FB trolls would also be considered a hack in my book, and a fun one at that!
It was intended to be used showing one big and five smaller (separate) pictures about you. They use it to show the mosaic pieces of one big picture – that can be counted as hacking, IMHO. In the positive, creative sense.
(Sure it doesn’t really matters how we call it.)
I disagree. I don’t think the layout was intended to be used in this way, and thus, it’s a hack (and a win).
*winbook
this is a win beyond all other wins.
fail on failbook.. this is a win!
Oh, this is actually very cool!
Congratulations, Monsieur. You win the Internet.
There is serious hack potential here. The “I heart beiber” thing is mild to what just went through my head. The ability to add images that will screw up someone’s image keeps me warm on these cold winter nights.
Also the Hadoken image is just awesome.
Heh, you could upload some interesting pictures and tag people on them.
this is about the dumbest thing… the template sucks
Yeah I tried it and the template made it look retarded so I took it down right away
Mine hasnt update to that layout so i cant do this how do you update it???
You have to opt-in to the new layout on FB. Go to any of your friends’ sites that are using it, and you should see the link at the top.
Yet another reason to hate the filthy, stinking French.
This is not a hack. Facebook allows you to do this without messing with any code. It’s a cool idea nonetheless–I just hate that n00bs use the word hack a little loosely.
You fail, so hard.
Look up Hack in the dictionary, Hacking means to makes things do things they’re not intended to do. When Facebook made this system, they did not make it to be used for this. Therefor, people who use the word Hacking to describe “messing with code”, are the “n00bs” that you allegedly hate.
tl;dr: You called yourself a n00b and confessed to hating yourself.
Basically.
No. That is the intended use of a dog.
@ Rhinox: You are so right. Hacking is doing anything it is not supposed to do. Like when I use a DVD as a drink coaster, I’m totally hacking it. I also had never realized that I hated myself! Wow! Do I feel embarrassed! Thanks for pointing out how dumb I really am because we disagree on the definition of a word. Oh wait, never mind. I just checked the dictionary. Webster’s dictionary. It says that hacking is to “gain access to a computer illegally”. Also, to chop into little pieces. Speaking of dictionaries, you should look up the word “therefor” [sic]. I think you were looking for the word “therefore”. They both exist, but have different meanings. That’s why your spelling program didn’t catch it.
Wheeeeheeheeheeee
If this was youtube, I would give you a thumbs up
Sorry dude, but thats not the meaning of hacking; that is the meaning of security cracking. I do find it funny how you complained about people not using the term properly, but when you told it meant something else, you whined about only disagreeing on the meaning.
Agreed. Hacking has nothing to do with breaking into a computer. That’s a term the media made up. Ask a *real* hacker what hacking is and you’ll get the right answer. CRACKING is breaking into computers. Get it straight before you go on a tirade and hurt yourself.
Trolololo
Can you shove some physics in there to make it better?
i hav an old version of photoshop , but i hardly use it, how do i use that template??
Download moar photoshops.
Tried it. It didn’t work. It keeps scrambling the pictures so you don’t see them in order… no matter what order I upload them in, tag them in, or what order I’ve put them in in the album. I fiddled with all of those and couldn’t get it to display them in the right order.
same here =( and also the dimensions somehow didn’t work on mine… the horizontal rows of previews were smaller than 97×68… the feed that says “[I've] just been tagged in [my] own album,” however, was the correct size… but it appears too low + I’d have to find a whole new picture to make it look nice.. so i gave up =(
You have to tag them backwards. It took a few tries, but it worked. Now I’m going a little crazy doing things to my friends’ profiles.
how do you do the big picture down the side :O
That, my friend, would be called your default picture.
Oh god, i have the perfect idea for this. Unfortunately, my The GIMP keeps crashing and i wont be able to do it until tomorrow. I hope nobody steals my idea!
I hate when my gimp crashes.
You should have let me die in the war, Forest!
Have you tried an older version of Gimp?? I tried a newer one, had crashing issues and switched back to my older one which is 2.2 – it’s perfect and the one I was used to already. 2.4 and above, everything is moved all over the place, drives me crazy.
Im using 2.6.8, and ive been using the most recents versions only. But it doesnt really matter, my days in this faildows operating system are counted.
I wonder if Paint.NET uses the same format?? I didn’t get around to trying Gimp because of all the crashes I kept hearing about.
Paint.NET doesnt use the photoshop template, I tried
I made my own template after about an hour of messing around with it. If your interested in the link just reply.
I also have to say, the artist thing for setting up a distributed self-portrait is somewhat clever, but for some reason I’m not that impressed? I mean, it seems like a pretty logical thing to do- if you’re into that sort of thing?
tard.. i hate tards..
^You are freakin’ awesome!
I’m going to have to play with this.
thats what she said
thats what your mum said
thats what she said
Thats what she said.
Zing.
*That’s what she said.
okayyyyyy probably something simple i did wrong butttt…
my profile isn’t showing up as the new layout. normally I’d be like “oh sweet!” but now I wanna do this but i guess i cant? i checked my profile view on two or my friends accounts and my profile seems to be the only one that doesn’t have the new layout? sup with THAT?
You have to actually select to show the new profile… go here: http://www.facebook.com/about/profile/ and activate it.
I could be thinking about this wrong, but couldnt someone spend hours getting the images just right, and then 2 seconds later someone tages you in a pic and messes it up? Do you have to detag yourself for life to keep it?
if you scroll over your preview pictures, there should be a little x in the corner. if you click on that, then the picture will cease being on your profile, but still be in the album…
this isn’t a hack for all those that haven’t realized.
Still looks nice
For all of those (like you) who haven’t read the eleventy thousand explanations, a hack is using a program in a way that it was not intended to be used. Did Facebook intend this to happen? Probably not. Therefore, it IS a hack.
Hack? FB made it that way.. when they coded the new layout it was meant to show the pictures that way.. so unless you actually change any code on the server or client, it is not hacked.
The intentions are up to us.. Like if you kill someone with a nailgun you don’t have to “hack” it in order to murder a victim.. It is just there and we use it as we like. Since you are not re-programming anything, its not hacking.
wanna hack? alt+F4 for a full tutorial on how to hack facebook.
Wiktionary– Hacking: Unauthorized attempts to bypass the security mechanisms of an information system or network.
This is soooo not a hack. It’s just a way of doing things that will get very boring in a week’s time.
I love you.
Haha this is great :3
I’ve put mine only so the five smaller images say “I LOVE UNICORNS” :L
Great idea but Failbook is pretty lame for stealing Mashable articles and posting them as their own a day later….eventually plagiarism is going to catch up with you!!!
gtfo
Wow This is amazing.
Facebook becoming MySpace in 5… 4… 3…
Funny, have you seen MySpace recently?
I personally am too scared to go back. 8C
Ditto that. I haven’t looked at my account in a year!
I did this to one of my friends’ profiles, as well as my own. She was very excited when she saw it.
i’m impressed
Ferb, I know what we’re going to do today.
Comment WIN!
I’m non-plussed.
The template is not a template.
Could have been done way better, but its a kick ass idea nevertheless.
http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs433.snc4/47577_152349154813554_100001154108051_252045_5680063_n.jpg
A Debian fan, I see.
Forget about the template – I just used a screenshot as a guide and made it in Keynote (like Powerpoint.) Looks fab!!
okay, if I can do this in MS paint, you can do it in photoshop.
mine = http://2.bp.blogspot.com/_VyfWv4uzy4Y/TQp9-p5XdYI/AAAAAAAAA88/Hxjg65K7OsQ/s1600/failbook.jpg
looks like a win to me
Sucks that the link is just photoshop formatted. If they had it in a basic bitmap or something else I’d be able to open it. Remember kids: not EVERYONE uses, likes or owns Photoshop. Some of us use paint shop pro, gimp, or another of the many programs out there, and not all of them are capable of opening psd format.
You can open psd files with The GIMP. Thats what i used to make mine. If for some reason, you still cant open it with The GIMP, here’s my final xcf.
http://www.blodigrove.com/public/facebook.xcf
If you dont have The GIMP, you should get it! Specially if you are an anti-photoshop activist like me.
I use gimp, and the .psd file automatically converted to a .gsd and opened in gimp.
Ha ha I can’t figure it out, and I have photoshop! How lame am I?!
So do i :L but i used paint for the sizes
winbook?
Mkay, took a while. The original linked template was very faulty for me. >.< Anyways, still "new" to GIMP so I didn't make a template, but I made a simple image guide for anyone who wants it.
Basically would say it's an intermediate-user guide, since you'll have to make your own guide lines.
http://tinypic.com/r/wa52qq/7
http://tinypic.com/r/2yxrh4m/7
^ is my final result. It’s a little “off” technically, but looks fine nonetheless.
someone pleaseeeee help me how to do this!!!! =(
the dimensions of the default pic are right but not the dimensions of the tagged photos. The images viewed are zoomed in a bit to where you’re tagged. All I did was copy the preview of the image and compare it to the size of the original image in photoshop then align my own photos to it. it took me about an hour or so to get everything completed.
I decided to go for a holiday theme:
Happy holidays!
heres mine :]
http://i55.tinypic.com/spwz77.jpg
I used to use gimp but I like Photoscape better, another free bee. Took me a while of messing around but I figured this out. My profile is so cute now.
I was not worried about this, now I am. Thanks
I’m an artist, and had a painting that worked well in this format. Thanks for the idea! Here’s mine: http://blog.frenchtoastgirl.com/2010/12/having-fun-with-facebooks-new-settings.html
How did I accidently stumble into nerd-ville?!?!
Welcome to the real world, kiddo. Everyone has their own form of nerdiness in one way or another.
..Is anyone else thinking of using pedobear for this?
GOD. CAN SOMEONE HELP ME OUT. I DONT GET A THING. I DONT EVEN KNOW HOW TO USE PHOTOSHOP. I HAVE ONE THOUGH. HELP MEEEEEEEEEEEEEEEEEEEEeee
GOD. CAN SOMEONE HELP ME PLS. I DONT KNOW HOW TO USE THE PHOTOSHOP. I HAVE ONE THOUGH, PLS HELP MEEEEEEEE
GOOD IDEA. I’ll try that next. Here’s my Spirited Away one:
http://tinypic.com/r/rwv4v4/7
I tried using the template but without any success. So i started from scratch – i print-screened a profile and measured the dimensions of the profile pic and the tagged ones and made a proxy which i copy-pasted onto a pic of mine and the rest was just cropping. So for those who say the dimensions are wrong – they aren’t wrong, they’re precise. For me the only issue was the basic info over the tagged photos. The proxy i made will work only if the basic info consists of two lines.
http://i83.photobucket.com/albums/j309/Miyenski/preview.jpg?t=1292765790
Anyway, here’s mine
There’s a pretty good set of PNG templates on my app. Hopefully that’s easier to work with than a PSD. I wanted to use PNG so it’s transparent.
BTW, Miwenskee, yours in awesome. Well done.
Sorry, that link should have been:
http://apps.facebook.com/profile-banner/full.php
Fail.
this is mine :]
http://i52.tinypic.com/2rm1he9.png
How do you make a camera take a picture in the desired pixels, so that I dont have to screw up the proportions?
my profile, it’s cooler than yours. http://i1091.photobucket.com/albums/i399/izzajane/myprofile.jpg
I love the idea of being able to do this, but when I put up my 5 pictures and tagged someone in them, they didn’t show up in the right order! And no, I don’t mean backwards. They were all scrambled, so I figured out what order they were in and uploaded my pics again in that order, and now they’re scrambled in a different order! Do I have to just keep posting and removing until they show up in the right order or something?
Epic win!
Hey! I got something similiar! This one takes a lot more effort. Hahaha.
http://www.fabodylous.com/2010/12/coolest-photo-album-on-facebook.html
For the Frenchies out there (or french speaking) we are currently having on contest based on this. More info here : http://www.stupidbook.fr/concours-de-lart-sur-vos-profils-facebook/
My New FB Profile Pic Hack ! .. cool isnt it?
http://twitpic.com/3javoe
Just finished my sister’s
http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs784.ash1/167419_154657097916093_100001154108051_264291_7097526_n.jpg
Doesnt match the profile picture, but i prefer it that way. Most of the cases i’ve seen, the image makes no sense when they comment on stuff.
I tried and failed hahah
Humm.. I’m not sure if this was mentioned… but… Use this… http://apps.facebook.com/profile-banner/
XDD Took me 10 minutes and now my profile’s beyond epic :3 . . .
profile maker do it better
http://www.facebook.com/l.php?u=http%3A%2F%2Fwww.profile-maker.com%2F&h=e4655
Here’s mine. Went all out.
Probably could have chosen a better pic though.
http://www.flickr.com/photos/56836641@N03/5318847100/
I tried the template, works well, but had to edit my picture a little before it turned out well by moving it up just a tad
if I sent someone a pic, would you help me out?
NOT A HACK!
Here is mine. The picture isn’t that good; but I’m not very photogenic.
http://img811.imageshack.us/i/newprofile.jpg/
I almost missed editing out my phone number; that would have probably ended poorly… lol
Erm… I made a banner, and it seems like the only person that can see the fkn thing is me!! When I do a preview my profile in my privacy options, none of my friends can see the way cool banner that I’ve created… and forget about trying to make your own by hand, cuz they won’t go in the right order! I hate facebook right now! grrr
Did you readjust your privacy options? You should allow your photos to be seen by friends, if not friends of friends. Also, you have to tag them backwards. Start your tags with the rightmost photo.
Just made mine; nerdy enough?
http://i51.tinypic.com/2qxayax.jpg
Just one bit of friendly advice. When you block out your name for privacy, block out ‘xxxxxx changed her profile picture’.
Also cropping out you tool bar is another key step. It also uses the name you gave FB. Not the mention the tabs that, again, list your name.
Not that anyone will try to use this info to steal your identity…
Now, I need to be going. Also, if you notice any anomalies on your next bank statement, don’t mind them. ;D
why is it not working for me, it’s almost perfect, yet when i upload and tag it to facebook, it puts the 5 smaller pictures in the wrong order! FAILBOOK!
then tag them in the reverse order
^ this is the right way to do it. I just did myself and it worked beautifully. You might have to get rid of a bunch of other ones by clicking the little X first in the top right corner of each. Then simply tag them from last to first. If you screw up just remove the tags from all and then re do it.
As for people talking about messing with your profile by tagging you wrongly – it might be a funny joke for a bit. But remember FB notifies you when you’ve been tagged. Simply remove the tags from the unwanted pics to restore things. =)
heres mine. not that great, meh!
http://i.imgur.com/FI0nP.png
It?s actually a great and useful piece of info. I am glad that you simply shared this useful info with us. Please stay us up to date like this. Thank you for sharing.