New Twitter Design – Twitter Layouts

Flares Twitter Facebook Pin It Share Google+ LinkedIn Email -- Filament.io Flares ×

Your Twitter profiles are going to witness a humongous change. A change that will blow your mind away! Twitter is, at present, implementing a profile redesign for all users. The new design is geared towards focusing on the brilliant content that you share on Twitter. This redesign is likely to open new vistas that can help brands and business enterprises prosper in a way never known or even imagined before. Visual content including images and videos are going to see a tremendous uplift.

The most popular tweets that are able to make positive vibes among audiences will get unfathomable boost. And all the digital marketing experts and internet marketers will do their level best to figure out how best to utilize the new opportunities provided by redesign of our Twitter profiles.

As you wait for the Twitter makeover to be rolled out to your computer screen, you will also be looking to strategize for the future. We have dug deep and compiled some twitter tips from stories of the past, some research studies focusing on the psychological aspects of digital marketing plans, and also how we can blend all these magnificent variables to forge unbeatable tips on how to manage your new look Twitter profile.

the-perfect-twitter-profile-page-2017

What’s Changed on the New Twitter Profiles 

A lot of people have been wondering that the Twitter profile makeover gives a semblance of similarity with some other famous social media platform. What the heck! Let’s name it: it appears quite similar to Facebook!

Let’s have a look at the changes in more detail:

 

  • Large Profile Photos: The new images have the same aspect ratio but boast larger dimensions. Their dimensions are 400 pixels by 400 pixels
  • Header Image that can be Customized: This main photograph is of the same width as the browser. The Twitter users are asked to upload an image with dimension 1500 pixels by 500 pixels. Your existing header image may work but since the scale has been increased, so it may look a bit blurred. Remember that image sizes are relative to devices on which they are being displayed. Hence, twitter layouts will vary from screen to screen.
  • Best Tweets: The tweets that are able to get the most engagement among your twitter followers will be displayed in a larger text size in your Twitter stream.
  • Pinned Tweet: You will be able to pin your most popular or preferred tweet to the top of your Twitter profile. Hence, when someone visits your profile, they will be introduced to the kind of content that you are interested in.
  • Filtered Views: When you are visiting a profile of someone else, you can choose a number of views. You can either view tweets only, tweets plus replies or tweets with videos and images.
  • Pinterest Style Grid View will be displayed. It will include your followers, people that are being followed by you and your videos and images.

Compiled after devouring countless help pages, image cheat sheets and far too many social media blogs. This Twitter media size guide is intended to act as one-stop resource for quickly referencing the latest recommended image sizes for use on Twitter.

READ
Twivert.com - an advertising network for twitter

Recommended Twitter Profile Image Sizes

Your Profile Picture

Your Twitter profile photo is the main image for your profile across the networks and will be displayed on your profile page, alongside your tweets and in any ads or recommendations linked to your account.

  • Recommended Dimensions: 400 x 400 px
  • Minimum Dimensions: 200 x 200 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 100 KB
  • Image Scale: 1 x 1

Your Header Photo

  • Recommended Dimensions: 1500 x 500 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 10 MB
  • Image Scale: 3 x 1

Recommended Twitter Card Image Sizes

Twitter Summary Card

This should be a unique image that is representative of the content found at the link. The image for this type of card will be seen in various places at sizes of 120 x 120 px and 120 x 90 px.

  • Minimum Dimensions: 120 x 120 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB
  • Image Scale: 4 x 3

Summary Card With Large Image

This should be a unique image that is representative of the content found at the link. The images for this type of card will be shown at varying sizes depending on the type of device.

  • Recommended Dimensions: 876 x 438 px
  • Minimum Dimensions: 280 x 150 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB
  • Image Scale: 2 x 1

 Twitter Photo Cards

These tweets place an emphasis on the photo and will retain the aspect ratio without cropping in most cases. The image will be seen at sizes of 375 x 435 px and 375 x 280 px as well as 750 x 560px depending on the device.

  • Recommended Dimensions: 750 x 560 px
  • Minimum Dimensions: 280 x 150 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB
READ
Taweet - A free Twitter application and social calendar

Gallery Card Images

The images in this card should follow the general guidelines for photo cards, however they will be displayed at varying sizes depending on the number of images, viewing state and device.

  • Recommended Dimensions: 750 x 560 px
  • Minimum Dimensions: 280 x 150 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB

Twitter App Card Image Size

This image will actually be pulled from the relevant app store however to ensure the best experience on Twitter, you should make sure that the image you have uploaded to the app store is less than 1 MB in size.

Twitter Player Card

Whilst embedded the player card displays videos, audio players and animated GIFs at no larger than 435px and will always maintain the original aspect ratio.

Twitter Player Card – Image

You will need to specify a thumbnail image for browsers that don’t support embedded videos. The image should be at the same dimensions as your video where applicable.

  • Recommended Dimensions: Same as your video
  • Minimum Dimensions: 350 x 196 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB

Twitter Player Card – Other Media

  • Video: H.264, Baseline Profile (BP), Level 3.0, up to 640 x 480 at 30 fps.
  • Audio: AAC, Low Complexity Profile (LC)

Twitter Product Card Sizes

All product cards will be cropped to 160 x 160 so you should aim to provide a square image with your product image displayed at the appropriate proportions within.

  • Minimum Dimensions: 160 x 160 px
  • Allowed File Types: JPG, GIF, PNG
  • Max File Size: 1 MB
  • Image Scale: 1 x 1

Twitter Lead Generation Card Sizes

Lead generation cards are shown above a call-to-action button with a full tweet above them so you should take the layout as a whole into consideration whilst designing.

  • Minimum Dimensions: 800 x 200 px
  • Allowed File Types: JPG, GIF, PNG
  • Image Scale: 4 x 1

Twitter Website Card Sizes

These cards are slightly taller than the lead generation card type however they maintain a thinner profile than full photo cards and are designed to get people taking action.

  • Minimum Dimensions: 800 x 320 px
  • Allowed File Types: JPG, GIF, PNG

 

Leave a comment

Your email address will not be published. Required fields are marked *