Embed Size (px)
Citation preview
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
How to Optimize Social MediaImagesBy Dustin Stout
Published April 2, 2015
Do you create your own images for socialmedia?
Are you happy with their performance?
With a few simple tweaks, you can optimizeimages for greater visibility on social mediaand in search engine results.
In this article you’ll find three tips to optimize your social media images forbetter online performance .
Enter your name
HOME FREE UPDATES PODCASTS CONFERENCE EVENTS REPORTS NETWORKING STARTING ABOUT
Browse Categories
Social Media Marketing World Virtual Ticket: Get Access to All Content! Click for details
5kShares
2.8k
543
531
413
359
5
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Discover how to optimize social media images.
#1: Optimize Images for Social NetworksEvery social network has a different way of displaying visual content. Some networkshave restrictions, while others cater to specific dimensions or orientations.
Accordingly, the audiences on each platform have certain expectations for images.Understanding these expectations boosts the chances that your images will be well-received and grab the attention of your target audience.
On Pinterest, tall images perform best. The optimal size for images is 735 pixels wideby 1102 pixels tall.
With Pinterest’s layout, use taller images to grab significantly more screen realestate than square or landscape images. They also give you more room for eye-catching visuals and text.
332,514 people like this. Sign Up to see w hat your friends like.Like
Follow 202k
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Tall images perform best on Pinterest.
On Instagram, your only option is to use square images. If you’re creating yourimages outside of Instagram, make sure they’re at least 900 pixels wide by 900pixels tall.
I recommend using large image sizes because image quality won’t be affected whenInstagram resizes the image for the device it’s being viewed on.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Instagram uses square images only.
When creating any visual content, bigger is always better. The networks will resizeyour images as needed, and there is no quality loss when the image is scaled down. Ifyour image is too small and needs to be scaled up, there will be a significant loss inimage quality.
Facebook, Google+ and Other Networks
For all other social networks, the optimal choice is to use horizontal images. You’llwant your images to be 1280 pixels wide by 720 pixels tall. This is a perfect 16:9aspect ratio, which is the same aspect ratio for HDTVs.
For Facebook, square images work fine, but wider images have a more sophisticatedlook. Our eyes are accustomed to seeing professional photographs, movies andtelevision shows in a widescreen format.
On Google+, wider images are likely to go full stream, meaning they may spreadacross multiple columns, giving you lots of screen real estate. This is huge—bothliterally and figuratively.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
On Google+, w ider images sometimes span tw o columns, giving them more exposure.
Think of this multi-column effect as placing a giant billboard right in the middle of yourfollowers’ streams. This is the best possible exposure you can get on Google+.
Wide images are also perfect for YouTube video thumbnails, making them the mostversatile social images.
With this one image dimension, you can effectively reuse one visual acrossmultiple social networks.
#2: Optimize Images for SEOImage-based search engines like Google Images can generate a significant amount ofwebsite traffic. Communicating important details about your images will improve asearch engine’s understanding of your images and boost your image searchperformance.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Show ing up in a Google Images search can increase w ebsite traff ic.
Follow these simple guidelines to optimize your images for search engines.
File Name
It’s important to have a clear idea of what your keywords are and include themin the file names of your images. The file names provide information that helpssearch engines understand what the images are about.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
When naming your image files, separate words with either a hyphen (-) or anunderscore (_). If you simply use spaces, hyphens are likely to be addedautomatically.
So before you upload your image anywhere on the Internet, make sure your file nameis appropriate and contains your keywords.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Separate w ords in a f ile name w ith a hyphen or
an underscore.
File Size
Website speed is a recognized Google search ranking factor, so the speed andresponsiveness of your web pages is important. The fewer bytes a browser has todownload, the faster the browser can download and deliver your content.
Optimizing images often yields significant performance improvements for your website.
If you’re creating images in Photoshop, use the Save for Web and Devices option. Ifyou’re saving a file as a .jpg (recommended), you can tweak the quality of the imageto reduce the file size. Find a good balance between quality and file size.
If you don’t have access to Photoshop or graphic software that allows you to control
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
file size and quality, use an image size shrinker. Here are a few suggestions:
KrakenSmush.itJPEGminiImage OptimizerCompress Now
Regardless of your software, always use lossless compression and avoid what’sknown as lossy compression. Lossless compression maintains all of your imagemetadata, and lossy compression usually wipes it out.
Image Details
Google recommends that you supplement a picture’s alt tags (which I’ll get to in amoment) with additional information in other tags, such as the title tag. All of thisinformation gives Google a better understanding of the image.
Photoshop makes it easy to add meta data to your images.
If you’re using image editing software such as Photoshop, you can easily add meta
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
data to every image you create , which is a good habit to get into.
Another way to detail a picture’s properties (on your website) is to use schemamarkup for images. This is an effective method of providing specific informationabout the content of an image.
The Alt Tag
Because search engines can’t see images, they rely heavily on the information in thealt tag to help them understand the image.
The alt tag is used as an accessibility tag. It defines what alternative text will be shownin place of an image when the image itself can’t be displayed. Sometimes an image isnot shown by error, and sometimes by choice (when a person is using a screenreader, for example).
Alt text appears onscreen w hen a device is unable to display the image.
The recommended length for text in the alt tag is no more than 125 characters. Sokeep the text short, be descriptive and remember to include the samekeywords you added to your file name .
WordPress
If you’re uploading an image to a WordPress website, the Media page offers a numberof fields for adding descriptive information. Use this opportunity to communicateadditional information that will help search engines better understand your image.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Add descriptive data w hen uploading images to a WordPress w ebsite.
This information includes:
Title (maximum of 60 characters)Description (maximum of 155 characters)Caption (optional)Alt tag (maximum of 125 characters)
Depending on your content management system, you may not have these sameoptions. In that case you can look at the raw text version of the page you’re creatingand add the alt and title tags yourself.
#3: Streamline Image CreationThe best way to streamline image creation is to use predefined image templates.This way you don’t have to fuss with sizing and setting up guidelines every time youcreate visual content.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Use image templates to save time w hen creating social images.
Using the three predefined dimensions above is also helpful when a team of people iscreating visual content. If they’re all working from the same templates, the image sizeswill be consistent.
With templates, you don’t have to waste precious time trying to find the exact pixeldimensions of every display scenario.
Conclusion
The more you practice these image optimization methods, the easier they’ll becomeand the more momentum you’ll build with your visual content.
Have you used any of these image optimization techniques? Which tacticswork best for you? I’d love to hear and respond to your feedback in the commentsbelow!
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Related Posts
Tags: create image, create social media image, dustin w stout, image tool, optimize image, social media image, social media
image optimization, social media image tip
ABOUT THE AUTHOR, Dus tin Stout
Trained ac tor turned digital s trategis t and CMO of Weal Media.
Cur rently teaching indiv iduals and brands how to tell more
compelling s tor ies online through branding, des ign, soc ial media and
digital marketing. Othe r pos ts by Dus tin Stout »
How to Use VisualContent to Drive MoreTraffic
5 Tools to Boost YourSocial Media Productivity
26 Tips for Improving YourSocial Media Marketing
Sign Up to see w hat your friends like.Like Share
Enter your name
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
44 Comments Social Media Examiner
Share⤤
Join the discussion…
• Reply •
Crystal-Marie • 2 days ago
Agree with all of these except the Pinterest dimensions. Hogging real estate may seem like a good idea, but it doesn'ttranslate well on all devices and it can frustrate the end user to deal with several of these in a row. Love the'streamline through templates' and 'optimize for Google' tips. More conscientious of these, now.
1△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Crystal-Marie
Thanks for the feedback @Crystal-Marie! Actually this pinterest image size should be optimal for mostsmart phones. And when I studied this particular dimension usage, click-throughs are what I was after astestament of whether or not the idea was good. Based on the data I was able to gather (and seeing it's affecton my own site, which I recently wrote about) click-throughs and overall Pinterest traffic was astounding!Hope you find the workflow that works best for you!
1△ ▽
• Reply •
Christian Karasiewicz • 2 days ago
Great post Dustin! I was looking forward to reading this after you mentioned it to me last week. I especially love theadvice at the end - practice.
Right now, this might seem like a lot of work for people but the more you do something, the faster you get at it andthe more it becomes second-nature over time to where you don't have to think about it.
2△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Christian Karasiewicz
Absolutely right @Christian Karasiewicz! If you want to win in the online world it's going to take consistenteffort. No free lunch! :D
1△ ▽
Recommend 2
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
Crystal-Marie • 2 days ago
Cool. Thanks for sharing, Dustin. 1△ ▽
• Reply •
Ben Requena • 2 days ago
It's important to distinguish between "most efficient" and "most effective" when discussing optimizing images. It iscertainly more time efficient to create your images in the fewest sizes as necessary, but that doesn't mean theresulting median sizes are the most effective.
If you take a look at Post Planner's Viral Post feed you'll see that very few of the most popular photos on Facebookare sized to the horizontal 16:9 ratio that is mentioned above.
This is because using an optimal image size isn't a prerequisite for success, great content is.
However using an efficient image size does give you the ability to create and publish more visual content acrossmultiple platforms in less time and if the quality of that content is moderate then the sheer quantity could drive decentresults. But if the quality of the content is exceptional, using an optimal image size like those listed above could be amassive accelerant to your success.
Disclaimer: Dustin and I are peers in the visual social media space. △ ▽
• Reply •
Dustin W. Stout • 2 days ago> Ben Requena
If I'm hearing you right, you're saying that quality is likely the most important factor. For most of us, that's ano-brainer. In fact, I think few would disagree with that. (Though I do know a few highly successfulentrepreneurs who put quantity first, and it's worked out great for them.)
What this post aims to solve for people is how to set up a framework that makes the creation process bothefficient and effective on more levels than just "it looks good". For me and the clients I've served, whether theimage is 16:9 or 2:1 hasn't made a difference in Facebook metrics, but having 3 go-to templates has savedthem countless hours, which directly affects the bottom line of any business. That's a measurable ROI.
So... I guess you need to first define what success is for your business/brand and align your content creationprocesses and products to meet those goals.
△ ▽
• Reply •
Ben Requena • 2 days ago> Dustin W. Stout
Thanks for the reply D. That's pretty much what I'm saying. :)
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
Liz • 2 days ago
Thank you for the updated image size information! I'm glad I can make one image for many platforms....its helping tostreamline my efforts for sure. Love all that you contribute!
2△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Liz
My pleasure @Liz! Glad you found it helpful! :D △ ▽
• Reply •
Hassaan Khan • 2 days ago
Dustin,
Great Post. Especially for those who are starting up and never look seriously towards image-optimization. Even, Ihaven't added captions to my WordPress Post images since I started off, I've been using this CMS for last 6 years,but I'll next time. I know caption is an optional thing, but some optional things shouldn't ignored.
Right? 2△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Hassaan Khan
Absolutely! Always try and give the user (and Google) as much information as you can, as long as it'srelevant and aids in communicating the message. :D
1△ ▽
• Reply •
Yosh • 2 days ago
Great post! I'm going to implement these techniques starting today. Thanks! 1△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Yosh
Awesome @Yosh! Don't hesitate to reach out if you have any questions! △ ▽
• Reply •
Ronnie Bincer • 2 days ago
Great article on optimizing images for social media Dustin. I really like your suggestions on using good keywords forall the aspects of image creation that help the search engines (and people) understand the images better.
1△ ▽
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
Dustin W. Stout • 2 days ago> Ronnie Bincer
Thanks @Ronnie Bincer! Hope it helps all your future visual creations! ;) 1△ ▽
• Reply •
Sara • 2 days ago
What if you are creating images in Canva? How can you optimize them other than the file name? 1△ ▽
• Reply •
Dustin W. Stout • 2 days ago> Sara
If you're using Canva, there aren't as many options. However, you can still optimize the file name and onceyou download the image you can put it through an image optimizer such as the ones I listed in the article.
△ ▽
• Reply •
Ben Requena • 2 days ago
Another thing I'd recommend our mutual audience keep in mind is how their images will appear on mobile devices.
The 16:9 size is very versatile if you're posting across multiple social platforms but it is nearly half the pixel area of asquare of equal width.
On desktops (Facebook & Google+) this doesn't make much of a difference because of how each social networkresizes images in an attempt to display images equally. However it is especially noticeable on small screens likesmartphones where those same social networks do not handle images the same way on mobile as they do ondesktop.
For example, a 1280(w) x 720(h) image posted to Facebook or Google+ and viewed on an iPhone (5s) is almost 1/3the size of a 400(w) x 600(h) image.
So if there is a correlation between maximum screen real estate and engagement rate perhaps the optimal imagesizes for desktop and mobile aren't the same.
And with around 30% of ALL active Facebook users ONLY using Facebook on their phones, this is pretty importantfor everyone to consider when creating any visual content.
△ ▽
Dustin W. Stout • 2 days ago> Ben Requena
Good point. But Facebook is ONE medium. And the majority of the brands I work with realize that it's not themost important medium. You seem to be highly interested in Facebook-- and that's fine-- but the conversationis much larger than that one medium.
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply • △ ▽
• Reply •
Ben Requena • a day ago> Dustin W. Stout
I referenced Google+ as well which has ~25 Million unique mobile users every month. But you'reabsolutely right that the conversation is so much bigger than one network or one screen size.
△ ▽
• Reply •
Dustin W. Stout • a day ago> Ben Requena
Right, you did! My bad. And where'd you get that number from? lol - it's WAY off! △ ▽
• Reply •
Ben Requena • a day ago> Dustin W. Stout
It's from Nielsen and admittedly it's from 2013, approximately a millennium in internetyears. Which means the number of monthly Google+ mobile users is probably higherand thus creating images for mobile more important, right? ;)~
1△ ▽
• Reply •
Dustin W. Stout • a day ago> Ben Requena
Haha! Yea, I'd be willing to bet that number is just a tad outdated. And... it depends onyour audience and goals. After numerous tests and loads of data, I found that widerimages get higher views, more shares, and more click-throughs than the other sizes.
So go ahead and test yourself and see what results you get! △ ▽
• Reply •
Amandah Tayler Blackwell • 2 days ago
Nice post!
I optimize file image names. I'll use Canva and don't have to worry about the image sizes because they've taken careof this. The one tip I missed was optimizing photos while in Photoshop. Doh! Lesson learned.
2△ ▽
Jamie • a day ago
This article refers to situations in which you are uploading an image to a social platform, and it does a good job ofthat case. But the issue that most troubles me at the moment concerns the creation of a blog post image in such away that it will look good when other people pin it to a Pinterest board, share it on Facebook, etc. Since I can only useone image on my blog, how can I optimize the dimensions so that it will look good on the shared platform?
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
My current thinking is to focus on Pinterest, since that is where the image itself matters most, but I've noticed thatmost bloggers make their main image horizontal rather than vertical, suggesting Facebook is a bigger concern.
Or perhaps I'm totally confused about the whole subject!? 2△ ▽
• Reply •
Dustin W. Stout • a day ago> Jamie
You're not confused at all Jamie! I expect you just haven't seen enough good solutions to the problem of "howdo I create a blog post image that looks good on my blog AND on Pinterest?"
I talked about that in my recent Pinterest article - http://dustn.tv/increase-pinte.... If you use the templates I'vemade you can easily create the same graphic in two different sizes. I use a plugin (which I helped to create)that allows me to upload a separate Pinterest specific image that only appears when someone hits the "Pin"button on my blog.
△ ▽
• Reply •
Ben Requena • a day ago> Jamie
Hey Jamie. Dustin's WordPress social sharing plugin called "Social Warfare" is what you need. You canspecify different images to be used for each social network. Horizontal for Facebook, Google+, Twitter,LinkedIn and then a Vertical image for Pinterest. Works like a charm.
I'd link directly to the plugin but comments with links go into pending and sometimes take awhile to publish. :/ 1△ ▽
• Reply •
Jamie • a day ago> Ben Requena
Hey Ben, thanks very much. I'll check it out right away. One question about this plugin though. Are theimages selected from the blog page or can I upload arbitrary images to the plugin so that they are notdisplayed on the blog page itself?Thanks again for your advice!
△ ▽
• Reply •
Ben Requena • a day ago> Jamie
The later. You upload the images to your media library and select which applies to whichsocial network. You don't have to place the images within your blog post. Easy-peasy.
1△ ▽
Jamie • a day ago> Ben Requena
Wow! Why haven't I heard of this plugin before? Is this what most internet marketers
Share ›
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
are doing? 1△ ▽
• Reply •
Ben Requena • a day ago> Jamie
It's relatively new but I noticed quite a few SM bloggers picked it up right away. 1△ ▽
• Reply •
Jamie • 21 hours ago> Ben Requena
Looks like I got excited too soon. First I didn't realize it was a paid plugin, so it took mea while to find it. I bit the bullet and paid for it ($24/yr) only to install it and find I couldn'tget it to work. Some registration glitch or something. I tried contacting support but Idon't even get an acknowledgment of my support request. Not impressed so far I'mafraid!
△ ▽
• Reply •
Dustin W. Stout • 17 hours ago> Jamie
Hey Jamie! I'll go in and find your support ticket myself. We're a small team (3 of us)and we don't automate our support system.
△ ▽
• Reply •
Jamie • 13 hours ago> Dustin W. Stout
Thanks for the offer Dustin but I still haven't heard anything from anybody. Looks like acool plugin but at that price I expect it to be supported.
△ ▽
• Reply •
Dustin W. Stout • 12 hours ago> Jamie
That's interesting Jamie, I went in to find your order and couldn't find your name. I alsolooked through our emails and couldn't find anything from you. Feel free to contact meprivately so I can take care of your needs.
△ ▽
Jamie • 12 hours ago> Dustin W. Stout
OK, I have used your About Me link at the bottom of this article to contact you with thefull name and email I used to purchase the plugin, so I very much look forward to aresponse.
I realize this is the wrong place to deal with support issues, but if you don't respond tosupport emails and don't offer a public FB support page, there's not much else I can do
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
• Reply •
except complain to PayPal about an unfulfilled order, which I'd prefer not to do. △ ▽
• Reply •
JoAnne Funch • a day ago
Dan, what a fantastic article. I had just started learning the value in optimized images for my website during a recentweb redesign, you just confirmed how important this is, so thank you!
1△ ▽
• Reply •
Dustin W. Stout • 16 hours ago> JoAnne Funch
You're quite welcome JoAnne! :D △ ▽
• Reply •
Salman Sharif • a day ago
Thanks Dustin for this amazing guide about optimizing images, but there is a thing that I would like to share with you.Descriptive Alt text seems to have worked quite good for me as compared to two/three words alt text people typicallyuse
1△ ▽
• Reply •
Dustin W. Stout • 16 hours ago> Salman Sharif
Yep, being descriptive is always best rather than just keyword stuffing. △ ▽
• Reply •
Clarence Alvares • a day ago
Thank you for sharing your insights @Dustin W. Stout....will try and see how this works out for me...cheers! 1△ ▽
• Reply •
Dustin W. Stout • 16 hours ago> Clarence Alvares
Awesome Clarence! To your success! △ ▽
This comment is awaiting moderation. Show comment.
• Reply •
Dustin W. Stout • 2 days ago> Guest
Awesome! Glad you liked it! Templates have helped cut my creation time tremendously. △ ▽
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
Share ›
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Subscribe✉ Add Disqus to your sited Privacy
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Copyright © 2015 Social Media Examiner®. All Rights Reserved. Terms of Use.
