Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now the next thing that we need to do in creating our page is upload a profile picture, and that's this little square down here. Right now, we don't have anything, so you just see a question mark. That was one of the steps during the Create a Page, so if you remember we skipped past it, and I said we can do it later, and our page is still unpublished, so we don't have to worry about people coming to the page and thinking why is their logo a big question mark? You may notice that this page looks slightly different than in the previous videos; that's because I've switched to a different version of Bliss No. 5 Facebook page, one that I created a few months ago for the Lynda.com title, because I want to show you one that has some likes already, what that looks like when you're interacting with people who already liked the page.
The name looks a little different and also we don't have a custom URL. That was something new they just added, the ability to set a custom a web address when you're creating the page. But other than that, the page is essentially the same. It's still managed by Anne. So just to review a profile picture, I mean a picture like this one at Lynda.com. This is the Lynda.com Facebook page and here is their profile picture. So if we scroll down every time that somebody from Lynda.com posted to their page, the thumbnail of their profile picture appeared next to it, so it's immediately identifiable as coming from this page.
That's what Facebook recommends, that you choose a profile picture that is your logo, something that people will always associate with you and that company, and that isn't too detailed because obviously when it gets really small at this thumbnail size, if you have a lot words for example in your logo, that's not going to fly. It doesn't have to be your logo; it just could be something that is part of your logo, symbolic. Or it could be just something that you sell if you want to, like our friends at Cupcakes-A-Go-Go, they don't use their logo, that's kind of fun to say, Cupcakes-A-Go-Go logo.
They just use one of their featured products as their profile picture. There is nothing stopping you from doing that. And as I scroll down you can see that, it actually looks kind of good, not as striking as the Lynda.com logo. Now my friends at Knee Deep Vintage use their logo; they don't even have a custom cover image, you don't have to have one if you don't want to. But they used their logo which is really fun and I think it says a lot about the personality of their vintage resale shop, and it comes across well during their posts. Or your profile picture could be completely integrated into your cover image like these people at 1st Internet Media; he obviously created his own custom cover image and then he overlaid his logo in a corner of it.
You see how nicely it integrates with it? I'll be showing you how to do one of those in a later video. For now, we're just going to create a profile picture that is our logo. Let's go back. Now the logo that I'd like to use that I think would look really good, let me show you what it is, is this one right here, pink logo number five. Don't you think that'll look great? So it has to be PNG, JPEG, GIF, it can't be a PSD file or a TIF file. And so I've saved it from Photoshop out to PNG. We're going to go back to Google Chrome and I just hover over the picture.
Now if you've never uploaded a profile picture, you'll see the Add Profile Picture here along with the dropdown menu, even if you have already uploaded one and you want to change it, you can come over here and hover over the picture, and people asked me that all time, how do I change this? Because there is no obvious button for uploading a profile picture. You have hover over the picture to see the menu. So, I could choose from a photo that I've already uploaded to my page, not to my personal profile, to the page, and I've uploaded a few in this version of the page by I don't want to use any of them.
I could take a photo from my camera built into my computer, and I don't feel like doing that, or I could upload a photo. And then so I'm going to upload that five in a circle. So I'll choose that, it was pink logo .PNG and I'll choose open and I get an alert, because the image that we tried upload is too small. It needs to be 180 pixels, so it's interesting that Facebook will not scale the profile picture. It scales just about everything else but not your profile picture. And it's not going to appear at 180 pixels.
They're going to scale it down to a 125 pixels or depending on the person's monitor resolution it might appear at 150 pixels, but it has to be at least 180 pixels on one side for them to use it. So okay fine. Let's try a different logo. I have this one here, and if I open this up in Photoshop, down here at the bottom, in the Info panel, I can see that it's 217 pixels by 143 pixels. So it has to be at least 180 pixels on one dimension.
Wide, is what they say, so I think this one will work. So let's go ahead and upload that one. Add profile picture, upload photo, we're going to grab this guy and it's uploading and there it is. Now it didn't scale it. What it did was it cropped it, because the picture has to be square. The picture has to be exactly 125x125 in the end. So if I wanted to get this entire logo in, if you don't want Facebook to crop your photo at all, what you need to do is get it onto a square image that is at least is 180 pixels.
In the free Exercise Files, I have little template for you that you can use. It's really pretty simple to figure out how to create something that is square, I think, but I went ahead and created one that's layered for Photoshop or that's flat, if you don't have Photoshop. So let's open this up. So this part right here, your profile image, if I Command + Click or Ctrl + Click right here and it selects it, the selection right here is exactly 180 pixels. I think it would show that if I open up the Info panel; there it is.
So the idea is paste your profile image in here and then above it I put a 180x180 frame, that black frame, so you could see like sort of like where it would be cropped and blow it a background that you can hide if you want just to see how it looks differently. So what I'm going to is come over here. So select all and copy, and here I'm going to select this layer so that it pastes in right above it, and choose paste. So that's what it looks like here; you can see this is where Facebook cropped it.
But I want to fit the entire logo in here, so I'm going to select everything in this layer just by Command + Click or Ctrl + Click on the little layer thumbnail, choosing Free Transform, Command + T or Ctrl + T, and that way I can hold down the Shift key and scale to fit inside 180. Or I could have just made that square larger. You can upload something that is 400x400 if you want, as long as it's at least 180, and then it'll scale it down to fit. The main thing we're trying to do is to get it to be square. Now, I think I'll nudge it down with the arrow keys.
So if you just put your existing regularly shaped logo on a white background or a black background or any other colored background that's square, then you can maintain the integrity of the logo when it becomes your profile picture. So that's look good to me. I'll hit Return and Deselect and now I'm going to Command + Click or Ctrl + Click on this layer right here that has 180 pixels square, white, and I'll hide the frame and then I'll choose Copy Merged, create a new document, it's reading 180 in my clipboard, and Paste, and there, this is what I want to upload.
See what I did? Pretty simple. So let me save this onto my Desktop and I'll call this blisslogo.for.fb and save it out as a PNG, I like PNG for some reason, better JPEG or GIF. Let's go back here to Chrome and this time I'm going to change a photo. So I'm just going to choose Upload Photo, and we'll do this one, and there we go. So it's smaller definitely, but it fits what I want.
I could have taken that circle with the number five in it and enlarged that on top of my 180 pixel square white background or change it to a black background; I could have done that as well. But in this case, the shop owner really likes to have the entire logo there, so that's what we're going to do. That's how you create a profile picture.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.