While we can’t judge a book by its cover, it might be a bit confusing if a publisher put a family photo on a book about computer repair.
If instead they had the right photo, but it was blurry or busy – the cover might make a “bad” first impression with the reader who would simply move on to the next book. The product might be of quality, but the photo makes it hard to tell.
As you may have guessed from the title, it’s much the same with your business’s marketing materials – social media banners and profile images included.
With that said, changing our profile or cover photo on social media is much easier than a publisher fixing the cover of a book! We just have to know the proper size and pick an image that’s both relevant and appealing to our audience.
In this post, we’ll cover four of the main social media sites – Facebook, Twitter, LinkedIn and Instagram.
Facebook Cover Size
Facebook cover images are 820px by 312px (pixels) on desktop and 640px by 360px on mobile devices. It can be a bit of a pain to try and fit information into your images as it could get cut off when sizing down to a mobile screen – or even up to desktop screen as that banner size is shorter. You also can’t add size-specific banners.
How do you get around it?
In the design program of your choice, size the canvas in your design program to 820 x 360. Your image will still get cut off when the screen sizes change, however, you can create a “safe area” using your rectangle tool that will help you know where to put the information you don’t want cut off. This will be where you put items like your logo, slogan, and any text (but keep it minimal).
The size of your safe area will be the shorter height of the desktop banner (312px) and the shorter width of the mobile banner (640px).
If you want your design to breathe a little, avoid putting it against the edges of the safe area.
When looking for ideas for your business’s cover:
- Keep in mind you are choosing an image for your audience that’s also relevant to your business
- Keep fonts, logos, and colours consistent with your brand
- Some examples are using this space to showcase your team at work or display a shot of the office or store – something welcoming
- Another idea is to showcase products if you offer them or show the product being used – something relatable
- It’s also a great place to showcase sales and news – just remember to update it so it doesn’t go out of date – and remember to limit text
Facebook Profile Picture
The dimensions for a Facebook profile picture (both personal and business) is 180px by 180px. If we want to be exact, it might be worth noting that it displays as 170px by 170px on desktop.
This space on your business page is the perfect spot for your business’s logo. We recommend that if you have an icon logo to use it in this space. If you don’t, that’s okay! As long as it’s easy to see and read.
Twitter Header Photo Size
Much like the Facebook cover photo, this is the image that displays across the top of a Twitter profile above the profile picture. Its dimensions are 1500px by 500px.
Unlike the Facebook cover photo, this header doesn’t crop when displayed on mobile; it keeps its dimensions and shrinks down according to the size of the device. Minimal text that won’t appear too large on desktop or too small on mobile is recommended.
If you’re looking for ideas on what to include in your header, take a look at the tips in the Facebook cover photo section.
Twitter Profile Picture
The dimensions for Twitter’s profile pictures are 400px by 400px. Like the Facebook profile picture, this is also a great space for your business’s logo. It gets pretty tiny in mobile view so if you do have an icon logo we recommend using it here.
LinkedIn does things a little differently than Facebook. Personal profiles and company pages look slightly different from one another. Since this is a great platform for business networking, we’ll talk a bit about both.
LinkedIn Personal Background Image
The dimensions for this image are 1584px by 396px. Like Twitter, this shrinks down and keeps the same aspect ratio without cropping so it gets pretty small. That said, it makes putting text on the image tricky. If deciding to incorporate some text, we recommend keeping it minimal.
Changing away from the default image will help your profile look complete. Since we want our profile to be professional, it’s best not to go through our personal photo album and choose any photo. Landscapes, cityscapes, even a nice photos of objects that are relevant to your career – not your Lamborghini 🙂 – think coffee mugs, books, desks, lightbulbs etc..
LinkedIn Profile Picture Personal and Company Page
Your personal profile picture on LinkedIn shows up as a circle – with the dimensions – 300px by 300px. While some users prefer not to include a profile picture, it can make the profile seem incomplete or seen as fake. Others are also less likely to view than if we include a recent, professional, photo of ourselves.
The company page profile image has the same dimensions and shows up as a square as pictured below.
Company Page Background Image
The LinkedIn background image for a company page is 1128px x 191px. This is another place to show off photos of your office, team, store, or product. Since this space is so small, it’s best to avoid a lot of text. Another item to note is that the profile picture covers part of the image on the left in desktop view. It covers part of the centre in mobile view. If you do include any information, it’s best to put it on the right.
Instagram uses a profile picture that is 110px by 110px. If you have an account for your business, like the other platforms, this is a great place for your logo. If your business is a personal business, you could also use a photo of yourself as Instagram is a pretty casual place. Be sure to consider what’s in the background!
Note on File Type
To conclude this post, we thought we’d leave you with another note on file type. JPG or .jpg is good for photos, while PNG or .png is good for designs (things created in your design program that aren’t photographs).
We hope you’ve found this post helpful!
Stuck on which fonts to use? You may find our post on how to choose website fonts helpful. You’re welcome to get in touch with any questions.