Soombot Going Social in Different Sizes

By
Yaniv Nizan
-

Soombot is going social on 5 pages at once and will be representing the company and helping it create a stronger social bond with customers.This week we started a project to update all our social media pages with new backgrounds. After some thinking we came up with a cool idea to switch the background of the pages on a weekly basis with an image of a different Soombot every Sunday.

Soombot helps give emotions to our technology

If you are not familiar with our Soombot has been representing the company in different online and offline events for over a year now. The idea came from similar projects like Github’s Octocats and Takipi’s monsters and the rational is to create a stronger emotional bond with customers where the product itself is technical and harder to fall in love with. If you are not familiar with Iris Shoor’s “Product with emotions” lectures, they are highly recommended.

Social media pages cover pages sizes

So, this project was a lot of fun but also quite a bit of work. We are taking every soombot in our Soombot Gallery and setting each one of them on backgrounds to match its respective theme. Now each social network has their own guidelines for uploading cover images so they will fit all device sizes and shapes. Let’s see what these are:

Twitter –  avoid the middle

Twitter cover image is overlaid with a bunch of elements in the middle of the image, so the best thing to do is to work around it. The image size should be 1252×626 for optimal results. Surprisingly enough, the guys at twitter don’t really provide that information but we researched it for you.
Neobot shows up on twitter cover image and carefully avoids the middle section.

Facebook – odd dimensions

Facebook cover pages are pretty straight forward. Your image should be 851 pixels wide and 315 pixels tall – odd numbers, I wandered how did they come up with them. The one thing to note is that the cover is overlaid by the profile picture on the bottom left corner on some view ports but it’s easy enough to avoid. For a complete guide – check out this link

Google Plus – beware of the blur

Google are known for the quality of their documentation. This post gives clean instructions on setting up your cover image (recommended size – 1080×608). The docs do fail to tell you two things:
  • A blurred version of the image will be used as background for the circled shaped profile picture
  • The image is cropped on both desktop and iPad so you should leave wide margins
Google plus cover image is cropped for desktop and iPad and than blurred to be used as background for the profile picture.

Linkedin – the most straight forward one

Linkedin’s banner image is not overlaid so it’s the easiest one. Their recommended size is 646×220 and that’s about it. More instructions here

Youtube – wide margins

All the details about Youtube channel art images can be found in this post. The size of the art work is 2560 x 1440 which is huge and is designed to match all screen sizes including TV. One thing to note is that the images are trimmed down aggressively for desktop and mobile devices. The text and images should be centered but even then you might need some trial and error as the image quality might be reduced in the process.

 

Feel free to share:

RELATED ARTICLESMORE FROM AUTHOR

LEAVE A REPLY

Please enter your comment!
Please enter your name here