{"id":9303,"date":"2017-03-02T13:29:22","date_gmt":"2017-03-02T18:29:22","guid":{"rendered":"https:\/\/venngage.com\/blog\/?p=9303"},"modified":"2025-11-07T08:07:06","modified_gmt":"2025-11-07T13:07:06","slug":"facebook-images","status":"publish","type":"post","link":"https:\/\/venngage.com\/blog\/facebook-images\/","title":{"rendered":"How to Design Facebook Images That Get More Clicks"},"content":{"rendered":"<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-9291 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"1460\" height=\"800\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg 1460w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader-300x164.jpg 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader-768x421.jpg 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader-1024x561.jpg 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader-730x400.jpg 730w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><\/a><\/p>\n<h3 style=\"text-align: left;\">The following is an excerpt from our eBook\u00a0<em>How To Design Facebook Images That Get More Clicks<\/em>.<\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Are Facebook ads something you have wanted to try for a while, but you haven\u2019t been sure where to start?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It can be a bit daunting. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Especially if you have to design your Facebook images yourself.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A good place to start is to <a href=\"http:\/\/bsquared.media\/organic-only-facebook-strategy\/\" target=\"_blank\" rel=\"noopener\">identify the goal of your Facebook ads<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The ultimate goal of any Facebook ad is to catch someone&#8217;s eye with the right combination of stunning visuals and compelling copy. And then to get them to click through to your site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You want the ad to stand out against the background noise of news, politics and status updates. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The ad copy could be impeccable but the visual has to be even better, since <\/span><span style=\"font-weight: 400;\">that\u2019s what will<\/span><span style=\"font-weight: 400;\"> be seen first. Now that almost every news site, company page or blogger uses <a href=\"https:\/\/venngage.com\/blog\/visual-marketing\/\" target=\"_blank\" rel=\"noopener\">compelling visuals<\/a>, standing out has become more difficult. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In fact, Consumer Acquisition found that images are responsible for <a href=\"https:\/\/klientboost.com\/ppc\/facebook-marketing-for-saas\/\" target=\"_blank\" rel=\"noopener\">75% to 90% of ad conversions<\/a>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That&#8217;s why our team worked hard to come up with these actionable tips for creating the most effective Facebook images for 2017!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By now there are thousands, or maybe millions, of guides on how to create the perfect visual for a Facebook Ad. <\/span><\/p>\n<p>The problem?<\/p>\n<p><span style=\"font-weight: 400;\">Those tips and tricks is are either extremely broad or would only work for a specific product or niche.\u00a0<\/span><span style=\"font-weight: 400;\">And worst of all, they are not immediately actionable, or they require a professional design team, which not everyone can afford.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Instead of being one of those incredibly broad guides that tells you what you already know, we decided to test very specific things. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">So we tested 35 different Facebook ads over a few weeks to find out what visual elements drove the most clicks. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here is what we found.<\/span><\/p>\n<p>(By the way, if you want to create your own ebook like this one, check out our <a href=\"https:\/\/venngage.com\/templates\/ebooks\" target=\"_blank\" rel=\"noopener\">ebook templates<\/a>).<\/p>\n<h2><strong>What Facebook Images\u00a0We Tested <\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">We were interested in finding out what the best visual components were for a Facebook ad.<\/span><\/p>\n<p>Because as the<a href=\"https:\/\/onefoursix.co.uk\/the-facebook-newsfeed-change-whats-changed\/\"> newsfeed algorithm keeps changing<\/a>, ads may soon be the only way your content is seen.<\/p>\n<p><span style=\"font-weight: 400;\">The budget, audience, and time were kept exactly the same to limit the variables and hopefully make our test even more accurate.<\/span><\/p>\n<p>So we decided to run Facebook ads for our &#8220;Ultimate Guide To Designing Epic Social Media Images&#8221; (not live now).<\/p>\n<p><span style=\"font-weight: 400;\">The ad copy was also kept consistent throughout, with the ads looking exactly the same as the example below:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-9306 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"367\" height=\"529\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1.png 798w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1-208x300.png 208w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1-768x1107.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1-711x1024.png 711w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image05-1-730x1052.png 730w\" sizes=\"(max-width: 367px) 100vw, 367px\" \/><\/a><\/p>\n<p>From there, we decided to try 26 different design combinations to help narrow down the Facebook images for the next round of testing.<\/p>\n<p><span style=\"font-weight: 400;\">Some of the design elements we tested were quite different, like whether or not light or dark colors lead to more clicks. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But others were a little more subtle, like whether or not a combination of serif and sans serif fonts help bring in more clicks. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are a few of the ads that we tested:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-9305 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"624\" height=\"492\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3.png 1399w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3-300x237.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3-768x606.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3-1024x808.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image04-3-730x576.png 730w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">As you can see, we tested different font families, sizes and positions. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here is a breakdown of the different design combinations we tested:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Color (<\/span><i><span style=\"font-weight: 400;\">Vibrant-Pa<\/span><\/i><i><span style=\"font-weight: 400;\">stel-Neutral-Dark<\/span><\/i><span style=\"font-weight: 400;\">) &#8212;\u00a0<\/span><span style=\"font-weight: 400;\">4 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Font (<\/span><i><span style=\"font-weight: 400;\">Serif-Sans Serif-Caps-Sentence Case<\/span><\/i><span style=\"font-weight: 400;\">)\u00a0&#8212;<\/span>\u00a0<span style=\"font-weight: 400;\">4 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Text (<\/span><i><span style=\"font-weight: 400;\">Large-Small-Centered-Left-Right-Top-Bottom-None<\/span><\/i><span style=\"font-weight: 400;\">)&#8211;<\/span>\u00a0<span style=\"font-weight: 400;\">8 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Illustrations (<\/span><i><span style=\"font-weight: 400;\">Illustrated-Control<\/span><\/i><span style=\"font-weight: 400;\">) &#8212;<\/span> <span style=\"font-weight: 400;\">2 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Image (<\/span><i><span style=\"font-weight: 400;\">Person-Animal-Food-Universal-Product-Location<\/span><\/i><span style=\"font-weight: 400;\">)\u00a0&#8212;<\/span> <span style=\"font-weight: 400;\">6 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Chart\/Data Viz (<\/span><i><span style=\"font-weight: 400;\">Chart-Graph<\/span><\/i><span style=\"font-weight: 400;\">)\u00a0&#8212;<\/span> <span style=\"font-weight: 400;\">2 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Call To Action &#8212;\u00a0<\/span> <span style=\"font-weight: 400;\">2 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Branding\u00a0&#8212;<\/span> <span style=\"font-weight: 400;\">2 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Memes&#8211;<\/span> <span style=\"font-weight: 400;\">2 Ads<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Fraction Of Image\u00a0&#8212;<\/span> <span style=\"font-weight: 400;\">1 Ad<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Before\/After\u00a0&#8212;\u00a0<\/span><span style=\"font-weight: 400;\">1 Ad<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you would like a deeper explanation about each of the ads and how we created them, do not hesitate to leave a comment! <\/span><\/p>\n<h2><strong>First Test Run<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">So what did we find? <\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are seven design elements and combinations that performed better than the rest. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Based on those results, we created a sample of new ads and tested them to see which were the ultimate Facebook ad design combinations.<\/span><\/p>\n<h3><strong>1. Use Recognizable Images<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">First, we found that people love relevant memes, or at least love <\/span><span style=\"font-weight: 400;\">Facebook images<\/span><span style=\"font-weight: 400;\"> that they are familiar with.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The most popular ad we created involved none other than the queen of daytime TV, Oprah. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">I mean, no surprises there.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For the people who love seeing numbers, this ad <\/span><b>received 145% more clicks<\/b><span style=\"font-weight: 400;\"> when compared to the sample average. <\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Not bad, Oprah.<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-9317 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"629\" height=\"329\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image11-2-730x382.png 730w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage.com\/templates\/banners\/product-header-e7e09954-034e-4cbd-a673-1aeba0b415a6\"><br \/>\n<button style=\"color: #ffffff; font-size: 20px; line-height: 1; font-family: Helvetica, Oxygen, sans-serif; border-width: 10px 25px; border-style: solid; border-color: #FF9A16; border-radius: 3px; display: inline-block; background-color: #ff9a16;\">Start this Facebook Ad now!<\/button><br \/>\n<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Memes like this one are great for Facebook ads because the average internet user has some familiarity with them already. This gives your ad an advantage because the idea you are trying to convey is understood immediately. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, I am not saying that you need to be hip to the most popular memes to create successful Facebook ads, but it\u2019s worth a try! <\/span><\/p>\n<h3><strong>2. Try a Dark Color Scheme<\/strong><\/h3>\n<p>The second best performing ad utilized a dark color scheme.<\/p>\n<p><span style=\"font-weight: 400;\">This ad received a total of <\/span><b>131% more clicks than the sample average<\/b><span style=\"font-weight: 400;\"> and was our second most popular ad. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">To be honest, I suspected that this would be one of our best performers for reasons I will explain below. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But first, take a look at the ad:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-9310 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"629\" height=\"329\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image03-2-730x382.png 730w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage.com\/templates\/banners\/facebook-ad-dark--f54ac83b-b294-4b0f-8c45-b26e5e17d1f7\" target=\"_blank\" rel=\"noopener\"><button style=\"color: #ffffff; font-size: 20px; line-height: 1; font-family: Helvetica, Oxygen, sans-serif; border-width: 10px 25px; border-style: solid; border-color: #FF9A16; border-radius: 3px; display: inline-block; background-color: #ff9a16;\">Create this Facebook Ad now!<\/button><\/a><\/p>\n<p><span style=\"font-weight: 400;\">As you can see, the darker colors stand out well against Facebook\u2019s light grey and white background. The white text is also very easy to read against the black background.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this ad, we also tested the position of the text, which, as you can see, was left-aligned. We found that it performed significantly better than ads which had text that was right aligned or even centered. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why is that?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I suspect it\u2019s because people are used to scanning through headlines on Facebook and pretty much everywhere else where text is-you guessed it&#8211;left-aligned. <\/span><\/p>\n<h3><strong>3. Use Charts &amp; Graphs<\/strong><\/h3>\n<p>The third most popular ad design included something that we are very familiar with at Venngage: a graph.<\/p>\n<p><span style=\"font-weight: 400;\">This was another ad that I knew would be a winner from the beginning. And it was, <\/span><b>with 86% more clicks<\/b><span style=\"font-weight: 400;\"> than the average for the sample. <\/span><\/p>\n<p>And, as you can see, the text is left-aligned in this one as well:<\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-9313 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"629\" height=\"329\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image07-2-730x382.png 730w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage.com\/templates\/banners\/chart-header--f4e4ead9-2ef5-4995-a2e7-3e45d5754f6d\" target=\"_blank\" rel=\"noopener\"><button class=\"\" style=\"color: #ffffff; font-size: 20px; line-height: 1; font-family: Helvetica, Oxygen, sans-serif; border-width: 10px 25px; border-style: solid; border-color: #FF9A16; border-radius: 3px; display: inline-block; background-color: #ff9a16;\">Create this Facebook Ad now!<\/button><\/a><\/p>\n<p><span style=\"font-weight: 400;\">A graph like this can be digested very quickly and also presents the idea that this ebook will help your social media metrics grow is distilled. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is pertinent when people are consuming massive amounts of information on any social media platform. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, let&#8217;s take a look at the other design elements that made this a winner. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, the contrasting colors of the graph really made the image pop on a blue background. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Next, the title or text is the only thing that is white in the ad, which makes it stand out.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And finally, the magic wand pushes your eye directly to the title of the ad. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Basically:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We kept it simple and used subtle design tricks to make it an effective ad. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This was in contrast with another chart ad that we used, which probably confused more than informed:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-9312 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"627\" height=\"328\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image06-1-730x382.png 730w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Not to mention, the text ended up being difficult to read on the busy background, which probably lent to this ad\u2019s less than stellar results. <\/span><\/p>\n<h3 style=\"text-align: left;\"><\/h3>\n<h2 style=\"text-align: left;\"><strong>Second Test Run<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">After running our first batch of tests, we picked elements from the best ads and combined them into a few mega-ads. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">There were a few surprises.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are the top three performing ads from our second test run.<\/span><\/p>\n<h3><strong>1. Use Thematic Images &amp; Product Shots<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Instead of showing someone creating a social media image, the top performing ad from our second test utilized a more metaphorical image of a beautiful night sky.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The success of this ad was somewhat surprising\u00a0since it didn\u2019t directly have to do with social media.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-9307 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"627\" height=\"328\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image00-2-730x382.png 730w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage.com\/templates\/banners\/galaxy-book-a923d48f-55ef-4bf4-89b8-44b09fe178c9\" target=\"_blank\" rel=\"noopener\"><button style=\"color: #ffffff; font-size: 20px; line-height: 1; font-family: Helvetica, Oxygen, sans-serif; border-width: 10px 25px; border-style: solid; border-color: #FF9A16; border-radius: 3px; display: inline-block; background-color: #ff9a16;\">Create this Facebook Ad now!<\/button><\/a><\/p>\n<p><span style=\"font-weight: 400;\">But after I looked a little deeper into the image, it made sense why it performed so well. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, the image utilizes dark tones to make it stand out against the white background of Facebook. But the main image is also able to use a vivid palette with contrasting colors to give it a great balance. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Next, we included the actual <a href=\"https:\/\/venngage.com\/blog\/ebook-cover\/\">ebook cover<\/a> in the image, which shows to the audience that it is a tangible product. In this format, it looks like a formidable guide full of interesting ideas instead of just a blog post. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Plus, just like with the magic wand from an earlier ad, the book draws your eye to the title. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">And finally, the use of a white title made it pop on such a dark background! <\/span><\/p>\n<h3><\/h3>\n<h3><strong>2. Use A Dark Color Scheme and a CTA<\/strong><\/h3>\n<p>Our second most successful ad from the second test used a similar dark color scheme to the second ad from the first test.<\/p>\n<p><span style=\"font-weight: 400;\">This ad used a solid black background with white left-aligned (which we already know is a winner!). <\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-9316 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"629\" height=\"329\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2.png 1200w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2-300x157.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2-768x402.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2-1024x536.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image10-2-730x382.png 730w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/venngage.com\/templates\/banners\/facebook-ad-dark-14223418-6500-4bfa-af17-552d999c7e80\" target=\"_blank\" rel=\"noopener\"><button style=\"color: #ffffff; font-size: 20px; line-height: 1; font-family: Helvetica, Oxygen, sans-serif; border-width: 10px 25px; border-style: solid; border-color: #FF9A16; border-radius: 3px; display: inline-block; background-color: #ff9a16;\">Create a\u00a0Facebook Ad now!<\/button><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Unlike the original dark ad, this one included a few extra design elements that we saw performed well in other ads. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, you can clearly see the large red call to action button in the upper right corner. This was added to not only catch the eye, but also push our audience in the correct direction. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">How so?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the other ads it only said \u201cDownload Now\u201d but the little extra instruction in \u201cClick to Download\u201d pushes our audience actually click. <\/span><\/p>\n<p>I believe that this also informed people that they could get this product not only for free, but immediately as well.<\/p>\n<p><span style=\"font-weight: 400;\">People love free things that also provide immediate gratification.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And, again, we included a picture of the product, which helps people visualize a product that is virtual. <\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\"><strong>3. Use Icons and Charts<\/strong> <\/span><\/h3>\n<p>Like we have already discovered, popular topics like food, memes or locations work really well.<\/p>\n<p><span style=\"font-weight: 400;\">In the third most popular ad from the second test, we used coffee as our popular topic and built the visual around it.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-9315 aligncenter\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1.png\" alt=\"How to Design Facebook Images That Get More Clicks\" width=\"629\" height=\"348\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1.png 1300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1-300x166.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1-768x425.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1-1024x567.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/image09-1-730x404.png 730w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">This was also only one of a few ads from the whole study that used icons or graphics in the visual. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Aside from grabbing our audience\u2019s attention, they were also used to give the visual more context&#8211;in this case, that this guide would help your social media and marketing metrics skyrocket!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The style of the icons also helped the ad succeed. <\/span><a href=\"https:\/\/ga-dev-tools.appspot.com\/campaign-url-builder\/\"><span style=\"font-weight: 400;\">Fun and whimsical icons<\/span><\/a><span style=\"font-weight: 400;\"> can help put your audience at ease, appeals to the child in all of us, and makes the product seem more accessible. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">So ditch the boring minimalistic icons and using something more fun!<\/span><\/p>\n<h2><strong>In Summary<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">From both rounds of testing, we were able to glean to eight key tips to take away:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Left-align text.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Use recognizable images and memes.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Include a product shot.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Include a call to action.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Use fun and playful icons.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Use white text.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Mix up font styles and <a href=\"https:\/\/learn.g2crowd.com\/facebook-cover-photo-size\" target=\"_blank\" rel=\"noopener\">Facebook image sizes.<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Use interesting and thematic images.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">These are little things that you can add to your next campaign. To help you get started, we created a bunch of customizable Facebook image templates <a href=\"https:\/\/venngage.com\/templates\/banners\/facebook-ad-dark-14223418-6500-4bfa-af17-552d999c7e80\">which you can see here<\/a>!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The following is an excerpt from our eBook\u00a0How To Design Facebook Images That Get More Clicks. Are Facebook ads something you have wanted to try for a while, but you haven\u2019t been sure where to start? It can be a bit daunting. Especially if you have to design your Facebook images yourself. A good place [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":9291,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[175,598],"tags":[272],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/venngage.com\/blog\/facebook-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design Facebook Images That Get More Clicks - Venngage\" \/>\n<meta property=\"og:description\" content=\"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/venngage.com\/blog\/facebook-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-02T18:29:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T13:07:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@RyanMcCready1\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan McCready\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/venngage.com\/blog\/#website\",\"url\":\"https:\/\/venngage.com\/blog\/\",\"name\":\"Venngage\",\"description\":\"Learn to Communicate with Data\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/facebook-images\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg\",\"contentUrl\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg\",\"width\":1460,\"height\":800,\"caption\":\"How to Design Facebook Images That Get More Clicks\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/venngage.com\/blog\/facebook-images\/#webpage\",\"url\":\"https:\/\/venngage.com\/blog\/facebook-images\/\",\"name\":\"How to Design Facebook Images That Get More Clicks - Venngage\",\"isPartOf\":{\"@id\":\"https:\/\/venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/venngage.com\/blog\/facebook-images\/#primaryimage\"},\"datePublished\":\"2017-03-02T18:29:22+00:00\",\"dateModified\":\"2025-11-07T13:07:06+00:00\",\"author\":{\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/f401117e8fe839075f9866b71eaf81fc\"},\"description\":\"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!\",\"breadcrumb\":{\"@id\":\"https:\/\/venngage.com\/blog\/facebook-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/venngage.com\/blog\/facebook-images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/venngage.com\/blog\/facebook-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marketing\",\"item\":\"https:\/\/venngage.com\/blog\/category\/marketing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Design Facebook Images That Get More Clicks\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/f401117e8fe839075f9866b71eaf81fc\",\"name\":\"Ryan McCready\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bbffe1696503b8d52e0d68212e1561f9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bbffe1696503b8d52e0d68212e1561f9?s=96&d=mm&r=g\",\"caption\":\"Ryan McCready\"},\"description\":\"Ryan McCready was a growth hacker at Venngage, specializing in creating informative content across a wide array of topics such as resume fonts, marketing brochures, user personas, infographics, brand guidelines, and presentation designs. His expertise lies in crafting content that educates and engages, helping brands communicate their message effectively while driving growth through strategic insights and creative design.\",\"sameAs\":[\"https:\/\/twitter.com\/RyanMcCready1\"],\"url\":\"https:\/\/venngage.com\/blog\/author\/ryan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/venngage.com\/blog\/facebook-images\/","og_locale":"en_US","og_type":"article","og_title":"How to Design Facebook Images That Get More Clicks - Venngage","og_description":"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!","og_url":"https:\/\/venngage.com\/blog\/facebook-images\/","og_site_name":"Venngage","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2017-03-02T18:29:22+00:00","article_modified_time":"2025-11-07T13:07:06+00:00","og_image":[{"width":1460,"height":800,"url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@RyanMcCready1","twitter_site":"@venngage","twitter_misc":{"Written by":"Ryan McCready","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/venngage.com\/blog\/#website","url":"https:\/\/venngage.com\/blog\/","name":"Venngage","description":"Learn to Communicate with Data","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/facebook-images\/#primaryimage","inLanguage":"en-US","url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg","contentUrl":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2017\/02\/facebookheader.jpg","width":1460,"height":800,"caption":"How to Design Facebook Images That Get More Clicks"},{"@type":"WebPage","@id":"https:\/\/venngage.com\/blog\/facebook-images\/#webpage","url":"https:\/\/venngage.com\/blog\/facebook-images\/","name":"How to Design Facebook Images That Get More Clicks - Venngage","isPartOf":{"@id":"https:\/\/venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/venngage.com\/blog\/facebook-images\/#primaryimage"},"datePublished":"2017-03-02T18:29:22+00:00","dateModified":"2025-11-07T13:07:06+00:00","author":{"@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/f401117e8fe839075f9866b71eaf81fc"},"description":"How do you get people to pay attention to your Facebook images, let alone click them? We tested 35+ visuals to find what the perfect Facebook image!","breadcrumb":{"@id":"https:\/\/venngage.com\/blog\/facebook-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/venngage.com\/blog\/facebook-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/venngage.com\/blog\/facebook-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marketing","item":"https:\/\/venngage.com\/blog\/category\/marketing\/"},{"@type":"ListItem","position":3,"name":"How to Design Facebook Images That Get More Clicks"}]},{"@type":"Person","@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/f401117e8fe839075f9866b71eaf81fc","name":"Ryan McCready","image":{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/bbffe1696503b8d52e0d68212e1561f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bbffe1696503b8d52e0d68212e1561f9?s=96&d=mm&r=g","caption":"Ryan McCready"},"description":"Ryan McCready was a growth hacker at Venngage, specializing in creating informative content across a wide array of topics such as resume fonts, marketing brochures, user personas, infographics, brand guidelines, and presentation designs. His expertise lies in crafting content that educates and engages, helping brands communicate their message effectively while driving growth through strategic insights and creative design.","sameAs":["https:\/\/twitter.com\/RyanMcCready1"],"url":"https:\/\/venngage.com\/blog\/author\/ryan\/"}]}},"_links":{"self":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/9303"}],"collection":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=9303"}],"version-history":[{"count":69,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/9303\/revisions"}],"predecessor-version":[{"id":108073,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/9303\/revisions\/108073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media\/9291"}],"wp:attachment":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=9303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=9303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=9303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}