Words Vs. Background:
10 Ways To Make Pictures With Text Work
10 Ways To Make Pictures With Text Work


with 6 years experience in digital marketing, copywriting and PR.
How to make graphics with text legible and eye-catching? Follow these 10 tips and learn from examples made with Crello.
Picking the right background
Work towards creating contrast with the background:
- Make a colorful picture lighter or darker
- Apply color or gradient filters
- Blur the background to make it less intense.
Add a partial color layover
Even the slightest color contrast can help separate the text from the picture and make it more legible.
Integrate text into your design
You can start by using templates in online graphic editors. Try to split the text into several parts and place them on the picture with contrast. You can also use words and letters as stand-alone graphic elements.
Respect color combinations
To make a design more pleasing to the eye, choose dark grey for the text and alabaster white for the background. Stick to your gut instinct – if the color combination doesn't seem harmonious, ditch it. Use services like Coolors, Paletton and Adobe Color CC to find the best color combination or create a new one yourself. Don't use more than 3-4 hues in one picture.

Repeating elements
To make a clear connection between the text and the picture, use one of the colors from the background image for the font.
Select fonts carefully
Pay attention to spacing
When letters are too close together or too far apart, it makes the text less legible. Adjust the spacing between letters so that the phrases look neat within your composition. If the font is quite large itself, you may need to adjust the spacing manually.
Keep hierarchy in mind
Contrast, not conflict
Besides the size of the font, you can use additional elements and fonts to emphasize certain words. If a majority of the text is in a heavy bold font, a couple of thin letters will direct a reader's attention. Remember that all contrasting elements should have something in common to avoid a conflicting message.
Group words
Even if there are several text extracts and each one has its own overlay, they should play along with the general style and compliment the overall composition. You can align text lines by center or the right/left side to make it neater.
Speed up your search marketing growth with Serpstat!
Keyword and backlink opportunities, competitors' online strategy, daily rankings and SEO-related issues.
A pack of tools for reducing your time on SEO tasks.
Cases, life hacks, researches, and useful articles
Don’t you have time to follow the news? No worries! Our editor will choose articles that will definitely help you with your work. Join our cozy community :)
By clicking the button, you agree to our privacy policy.