I will confess, Facebook’s 20% text limit in images was driving me crazy.
I’ve had dozens of Facebook Ads rejected. Sometimes those ads would start, get some reach, then get squashed by Facebook as unapproved. Generally, it was always too much text! I’ve got the email memorized…
So then I started using their tool noted in the link above, “You may upload your ad image to see why it is considered 20% text….”. What I found was that their grids were not flexible!
See how the words, “eBook Guide To” in the title line below has Facebook’s grid line running horizontally through it? The “B” and “k” of “eBook”, and every letter of “GUIDE TO” have the line running through it.
Yep, they were dinging me as shown in image below. “Guide” for instance was being noted as in row 1 column 2 and row 2 column 2.
Any grid with text equals 100% of that box as having text in it! Yes, so a slight overlap into a grid, means the whole box was included. Go ahead, test your image here: Facebook’s Ad Tool to Test Text in Images: https://www.facebook.com/ads/tools/text_overlay.
So, if I move my text slightly to fit within grids and not overlap grids where not absolutely necessary, BINGO! I meet the criteria and stay within 20%! See below.
So, I modified my images, loaded up to Facebook to test, then repeated.
This was painfully slow! I need to be efficient!!!
…..So I created my own PhotoShop Templates with the Grids!
Then I thought, “Well, others might need these as well!” So I packaged them!
All you need to do is download this Zip file and the top layer in each is the grid. Simply add your design layers below the grid layer, then turn the grid layer on and you immediately know if your image meets the 20% text guidelines, or if you need to move your text a bit so that it doesn’t get dinged by overlapping!
OPTION #2 – If you don’t want to download and have this layer in your images, you can also setup a 20% Grid in PhotoShop and turn it on or off. Here’s how:
Go to Edit > Preferences > Grids, guides & Slices, and set your Grid to show a Gridline every 20 percent with 1 subdivision. To show the grid within Photoshop, go to View > Show and select Grid, or just use Ctrl plus ‘ to toggle it on and off.
You can have text in up to 5 of the boxes that then appear on your image.
I hope this saves you time like it saves me time!
What’s included: Download this Zip file
1200 x 627 Page Post Link Ad Grid PSD (Facebook Recommended Size)
400 x 209 Page Post Link Ad Grid PSD (News Feed Link, in case you want the smaller size)
1200 x 900 Page Post Photo Ad Grid PSD (Facebook Recommended Size)
Why the different sizes? Page Post Link Ads and Page Post Photo Ads use different sizes!
Don’t take my word for it, here’s the list from Facebook Ad Master Jon Loomer himself!
So, go ahead and pull down these PSD files. Hopefully they save you time if you are using Facebook Ads!