social-media-image-sizes-and-quick-tips-for-wordpress-users

Despite upsetting data privacy breaches like the Cambridge Analytica/Facebook situation, there’s no doubt that social media is here to stay. After all, everyone is on it, it keeps everyone connected, and it’s a helpful tool for businesses to market and sell their products.

The problem with social media? It’s oversaturated with noise! Even if you have something useful to say, how do you call (and keep) your audience’s attention?

Using images may help. A Skyword study found that, on average, including images in your content results in a 94% increase in page views versus those without images. Recognizing people’s short attention spans (they’re even shorter than a goldfish’s!), it’s become more important now than ever to use visual imagery to capture people’s attention.

The Importance of Using the Right Social Media Image Sizes

It’s not enough just to create an image, upload it to all your social media profiles, and consider your work done.

Creating social media images isn’t a one-size-fits-all thing: each social network requires different image sizes in different profile areas. Each social media site also crops and optimizes uploaded images differently, so it’s important to determine how to position your images in a way that showcases the best of your brand.

If you’re looking for the TLDR; of this article about social media image sizes and want a lazy approach to visual marketing, you can stop reading after this section. According to Buffer, although most social sites require different image sizes, they’ve found that these dimensions commonly work for sharing images with news feed updates:

  • Landscape (horizontal): 1024 x 512 pixels
  • Portrait (vertical): 800 x 1200 pixels

But if you’re looking to create a better visual experience that always renders perfectly, check out our frequently updated guide to social media image sizes: including guidance for Facebook image sizes, Twitter image sizes, and every other major social platform!

Facebook Image Sizes

Facebook is the largest social networking site, with over 2.2 billion monthly active users (as of Q1 2018).

Facebook daily active usersa Facebook page.

Here’s what you need to know about Facebook images sizes on every aspect of your profile and news feed posts:

Facebook Cover Photo

Your cover photo can only be viewed as a whole when people visit your Facebook profile or page (but people can see a thumbnail in other areas on Facebook). A cover photo is larger than a profile photo, which is why most people use their cover photos like a banner to showcase their brand or identity.

Facebook cover photos are displayed as 820 x 312 pixels on a desktop and 640 x 360 pixels on smartphones. If you upload anything smaller than that, it will be stretched. Note that there is also a minimum size for photos you’re considering as cover photos: 400 x 150 pixels. If you have any trouble with quality on higher resolution displays you might also try 1640 x 624 pixels.

For optimum image quality, it is advised to:

  • Save photos with logos or text as a PNG file.
  • Upload a sRGB JPG file less than 100 KB.

Facebook Profile Photo

Your profile photo is a key piece of branding as it represents you and/or your brand to the people that visit your personal or business profile/page. Be it your personal or business page’s profile photo, it must be at least 180 x 180 pixels. For higher resolution displays we recommend 480 x 480 pixels.

Your Facebook profile photo is displayed as 170 square pixels when users access Facebook through desktop, 128 square pixels when viewed on smartphones, and 36 square pixels on most feature phones. Your profile photo also appears throughout Facebook as a 32 square pixel icon.

Facebook profile photo

Facebook news feed image

Facebook link imageOpen Graph tags on a page when it chooses the image to be displayed on the link, specifically the og:image tag.

The og:image tag is powered by the Open Graph Protocol, which allows webmasters to tell third-party providers (like Facebook, Twitter, and other social sites) about the type of content found on their pages. It is responsible for determining which photo shows up when your content is shared on social media and how the photos look.

Note that every platform displays an image differently in terms of image size or cropping. Without designating platform-specific images, your image might look nice on Facebook but crop weirdly on LinkedIn.

You can add and edit the og image tag in the section of every page of your website. If you want to prevent it from looking different across all platforms, you can use plugins like Yoast SEO or Social Warfare, which identifies and specifies the best image for each platform you share your content to (with proper setup). You can even manually set the Facebook image per page or post with the Yoast SEO plugin (as seen below).

Yoast SEO Facebook imageFacebook Debugger to fix this issue.

Facebook Highlight Images

Highlighted images appear only on your Facebook page. Facebook allows you to post highlights for every time you’ve achieved a milestone. Images are optional, but since they appear larger than a shared image or link, it’s a good way to call attention to your achievements or milestones.

Highlighted images appear on your page as 843 x 504 pixels but the recommended size is 1200 x 717 pixels.

Facebook Event Images

With so many ads and posts filling the Facebook newsfeed, creating a Facebook event will help capture your audience’s attention. Besides sending them a notification inviting them to the event, they will be reminded of the event—especially for smartphone owners who have the Facebook calendar connection enabled.

Event images appear on your feed as 470 x 174 pixels but the recommended size is 1920 x 1080 pixels.

Facebook Group Cover Images

Facebook group cover images can vary. For high-resolution Facebook group cover images, we recommend a size of 1920 x 1080.

Facebook group cover imageFacebook marketing strategies.

Twitter Image Sizes

Twitter allows people to easily connect with one another (even big names!), and is primarily used to send and receive short real-time updates (tweets are limited to 280 characters). Although it’s not as large as Facebook, Twitter has 330 million monthly active users.

Connecting with others is possible through the use of @mentions and #hashtags. When you click on a hashtag or search for a term, all (public) tweets containing the search term or hashtag appear. Businesses use this functionality to listen for feedback from users or to join in on conversations.

Twitter Profile Photo

Like every other social networking site, Twitter users have the option to customize a profile photo representative of themselves/their brand. This appears in three places:

  • Your Twitter profile. If you don’t upload a profile photo, the profile photo area will display an egg with a blue background.
  • On the Twitter feed. Followers or those reading through a Twitter search where one of your tweets is included can see your profile photo.
  • Who to follow. The Who to Follow box appears to the right of your Twitter feed. Twitter will often recommend accounts to follow that are similar to yours, or people who you might know.

Twitter profile photos are a minimum of 400 square pixels, with a maximum file size of 2MB. They can be in JPG, PNG or GIF formats. A square sized photo is recommended, even though Twitter will display it in a circle.

Twitter profile photo

Twitter header photo313% more engagement than those without.

Twitter images appear as a minimum of 440 x 220 pixels (2:1 aspect ratio). The recommended size that works best is 1024 x 512 pixels. On Twitter, any aspect ratio that is between 2:1 and 1:1 works well.

On a desktop, images appear as a minimum of 506 x 253 pixels, while 1200 x 675 pixels (16:9 aspect ratio) is the ideal image size to display your image fully on mobile (which also works great for desktop).

Twitter #Marketing Strategies to Beef up Your Social Game ? https://t.co/qvie7tLTtl #smm

— Kinsta (@kinsta) July 4, 2018

Any image larger than 506 pixels will have the top and bottom cropped away with the height adjusted accordingly. The maximum height an image can have is 506 pixels.

Meanwhile, if you have an image that is smaller than 506 x 253 pixels, Twitter won’t stretch the image to fit. Instead, there will be whitespace to the right of the image.

If you’re uploading four images, they will all appear as square images with the first one larger than the other 3. Here’s what else you need to know if you’re uploading 2-4 images:

  • When you upload four images, each image will be scaled to 379 pixels tall and cropped to 379 pixels wide, with an aspect ratio of 2:1 for all images (when displayed on mobile).
  • If you’re uploading three images, each will be scaled to 337 pixels tall and cropped to 337 pixels wide, with an aspect ratio of 7:8 for the first (and largest) image, and 4:7 for the other two images (when displayed on mobile).
  • If you’re uploading two images, each will be scaled to 252 pixels tall and cropped to 252 pixels wide, with an aspect ratio of 7:8 for both images (when displayed on mobile).

How Twitter Chooses Images From Shared Links

If nothing is set up, Twitter will fall back to Open Graph tags. However, we recommend that you set up Twitter cards on your WordPress site. This will add a special Twitter card markup.

Just like with Facebook, you can even manually set the Twitter image per page or post with the Yoast SEO plugin (as seen below).

Yoast SEO Twitter imageTwitter marketing strategies to take your social media game to the next level!

LinkedIn Image Sizes

LinkedIn is known as the social network best for getting business done, with over 500 million users.

Apart from its large user base, multiple improvements to the site, after being acquired by Microsoft, makes LinkedIn one of the best places to network and generate more leads. In fact, LinkedIn is 277% more effective for lead generation than Facebook and Twitter.

Success on LinkedIn lies in optimizing your personal profile and company page (which includes adding necessary photos to appear trustworthy) and sharing content on either (or both).

We’ll drill down into specific social media image sizes for both individually but here are some general rules for images on LinkedIn:

  • Linkedin shared images. As with most other social networks, you can also share images on LinkedIn. The recommended image size is 520 x 320 pixels, though a moderator on a LinkedIn forum shared that the recommended image size is 552 x 368 pixels. Anything between these two is a safe bet. LinkedIn crops the sides of landscape (horizontal) images to fit the 368 pixel height and crops the bottom of the image exceeding the 552 pixel height if you upload a portrait (vertical) or square image. Note that you can still view the whole image when you click on it; only the image view is cropped.
  • LinkedIn shared links. When you share links to LinkedIn, a feature image also appears, much like in Facebook. This image appears as 520 x 272 pixels.

LinkedIn shared image9x more connection requests and 21x more profile views. The recommended photo size is anywhere between 400 square pixels and 20,000 square pixels, with a maximum file size of 10MB.

  • LinkedIn profile background image. LinkedIn’s version of Facebook’s cover photo and Twitter’s header photo, the profile background image is one of LinkedIn’s newer features that catches your attention and provides you with more room for creativity. The recommended size is 1584 x 396 pixels, but ensure that the most important elements are located within the visible area of 1350 x 220 pixels.
  • LinkedIn Company Page

    • Company Logo. If you’re in charge of managing your company’s LinkedIn company page, know that this is one of the two logos that you’ll need to be uploading. This logo appears at the upper left corner of your company page, next to the company name. It also appears on the “Companies you may want to follow” section. The minimum and recommended size is 300 square pixels.

      LinkedIn company logo

      LinkedIn company cover imageInstagram Image Sizes

      Instagram is one of the world’s largest photo and video sharing applications, now with over a billion users after being acquired by Facebook. What was once only an app-exclusive program, Instagram is now accessible through the web via desktop—though Instagram makes it difficult to upload photos via desktop.

      Instagram monthly active users

      Instagram profile photo

      Instagram post exampleovertaken Snapchat’s, by the time Stories turned a year old.

      For Instagram Stories, images have a 16:9 aspect ratio. The ideal resolution is 1080 x 1920 pixels, and the minimum resolution is 600 x 1067 pixels. Instagram has a maximum file size of 4MB for every photo uploaded to the platform.

      Make sure to also check out these awesome Instagram WordPress plugins you can use to display interactive feeds on your site!

      Pinterest Image Sizes

      Although many associate Pinterest with DIY/stay-at-home moms that craft and bake, the site is so much more than that: Pinterest is a powerful visual search engine that can drive tons of relevant traffic to your website, if you know how to use it correctly. This is because 90% of Pinterest pages are external links.

      Pinterest Profile Photos

      You can sign up for Pinterest using Facebook, Twitter, or using your email. If you use a social sign-in method, Pinterest will use your profile photo from those sites as your Pinterest profile photo by default. If you want to upload a different photo, it’s not hard to do.

      Your Pinterest profile photo appears on the homepage as 165 square pixels, and on the feed as 32 square pixels. Though it certainly would be hard to do, note that you can’t upload files larger than 10MB in size.

      Pinterest profile photo

      Pinterest pinsGoogle Image Sizes

      Google was launched as Google’s version of a social network but with the premise of replicating interactions offline rather than online. It allows you to join and create Communities, which allows you to interact with people who have the same interests. It also allows you to create Collections, which are like Pinterest boards.

      Although not as popular as the other networks, Google is still an important site for businesses to be on because when people search for your brand, Google includes your Google profile in the search engine results.

      Google Profile Photo

      As much as possible, have the same profile photo across all your social networks so people will know that they are your official profiles. For profile photos, the recommended size is 250 x 250 pixels. Note that although Google requires a square photo, it will eventually be shaped as a circle, so make sure the photo is positioned so as not to cut off important parts.

      Google Cover Image

      The recommended size for Google cover images is 1080 x 608 pixels, with a minimum size of 480 x 270 pixels. Sprout Social tested different image sizes and found that you can upload an image with a maximum size of up to 2120 x 1192 pixels.

      Google  cover photoSprout Social says that the images appear in the home stream and on your page at a width of 426 pixels (height is scaled).

    • Buffer says that it will appear with a width of 431 pixels.
    • Hubspot says images appear as 506 pixels wide.
    • Social Media Today says it appears as 502 pixels.

    What does Kinsta think? A safe bet would be anywhere between 426 and 506 pixels.

    Google Shared Link

    Shared links appear with a 150 square pixel thumbnail. For shared links with a larger image, photos appear with a maximum width of 426 pixels, with the height scaled to size.

    Google  shared linkCanva is an extremely popular tool to create social images, for good reason. Even without any graphic design experience, Canva makes it easy for you to create images with its drag-and-drop functionality, an extensive collection of fonts, colors, and even layout templates. Another thing that makes Canva great is that when you create a new image, it also allows you to choose from a set of predefined image sizes so that you don’t have to memorize all of the social media image sizes here.

  • Pablo is a free and easy-to-use image creation tool offered by social media scheduling tool company Buffer. It allows you to create simple text-overlay images.
  • Adobe Spark. Adobe is known for its powerful graphic design and video editing software but many find the industry standard hard to use. Adobe Spark is their answer for users clamoring for a simpler image creation process. Uninspired? Image creation is made easier with a library of premade templates. With the free plan, Adobe adds its logo to the bottom corner of your design. Paid plans start at $9.99/month.
  • Or of course, you can go with a more manual approach and use Adobe IllustratorAffinity Designer, or Sketch.

    Image Resizer

    While most photo creation and editing software programs have resizer functions available, Social Image Resizer Tool is a nifty tool to have when you don’t have this guide to social media image sizes on hand. It helps you crop and resize every kind of image you need with specific pre-formatted options like: Twitter header, Twitter display image, Twitter profile photo, and more.

    Image Compression

    Even though social media images don’t always load on the front-end of your WordPress site it’s still important to compress them. WordPress image compression plugins allow you to optimize your WordPress images—maintaining a high-quality look at a more manageable file size.

    Here are a few image compression plugins for WordPress that we recommend:

    Summary

    With all content marketers competing for people’s limited attention, images are the perfect way to capture your audience’s attention on social media. But it’s not enough to create attention-grabbing images—ideally, you’ll optimize them for each social media site, taking these social media image size standards into consideration. Make sure to also keep your branding consistent across all of your social channels.

    Any other tips and tricks that you want to share about social media image sizes and bridging the gap designing for desktop and mobile? We’d love to hear from you in the comments below!