How Do You Make Pinnable Blog Images With Text Over Them? And Do I Need Them?
Short and sweet: your blog needs images. Your website needs images. Your products need images. Your newsletter needs images. Even pages or pins to advertise your newsletter need freaking images.
And these days, an awesome image alone just isn't going to cut it. Nope. The world that is "too busy to read" the descriptive title or caption you placed under the image still demands an image that talks to them.
Meaning, they want a caption or title on it.
But hey, it makes it easy to browse through Pinterest when you don't have to play guessing games with the mystery pins. Why not extend the same courtesy to your friends and followers?
It's perfectly easy to make a "pinnable" image, and there are probably hundreds of different styles you can use. For today, I'm just going to show you 4 basic ways you can make Pinterest-friendly blog images that "pop".
All you need are your photos and PicMonkey photo editor.
Making Pinterest-Friendly Blog Images with PicMonkey
Blog Post Version 1: Minimal or "Styled" Image
You can crop or resize a whole photo, but creating a template can save you a lot of time. First, open PicMonkey, and scroll over the "design" option across the top. When the drop down panel appears, click on "templates".
Crop Your Canvas
I made this one 1282 by 3082.
Add A Photo
Then, go to the "overlay" menu, which you can find by clicking the butterfly icon to the left. At the top of the menu it will have the "add your own" option.
This still gives a hint that it's a pin about something related to computers or blogging, but it doesn't clutter up the pin.
Text can be added in a single block, or you can hit the "add text" button and put each line of text in a new box. This makes it easier to rearrange, resize and change the colors.
Play around with colors, sizes and fonts until you get something that matches your website's colors and is easy to read.
Add a Frame or Border
If you go to the menu on the left and choose the open square icon, you will get a selection of frames. For this, I chose simple edge because I just want a subtle border so the pin will show up in the feed.
Because this is a very long image, it probably won't look very good as a blog header. You can create a blank canvas in whatever standard size you use for your blog images and save it as a template too.
I like to batch this task and make the custom Pinterest pin, the Twitter image and the blog image at the same time, so they all match, but are in the proper sizes for each site.
Here are some more ideas:
Blog Image Version 2: Complete Photo With Overlay
They are very fast to make, but it can sometimes be tricky to find a photo that "works". For example, you may want one that matches the topic of your post, the colors of your blog, and has a space to add the text.
If you can't find one that meets all of these, then the easiest solution is to lay a colored overlay over the photo and fade it slightly so that your text will pop.
This can be done all over, or it can just be a small area in the middle or along the top.
To fix that, head to the overlay icons and choose a rectangle under "Geometrics". Using the pop up box (shown to the right) the color of the overlay can be changed. I went with white, and faded it to 35%.
Also, it's a good idea to put your blog name or url somewhere on your pin. This can help drive some traffic back to your site, and it also let's people know that the pins came from you originally.
You can make a watermark too by fading your name or url until it is very transparent, and stretching it across the whole image. This makes it harder for anyone to erase it.
Even with a watermark, a nice, readable website name is nice so that people start to recognize you and your images.
Blog Image Style 3: Text Only Images
This is another style that you see a lot when you browse blogs and websites. Images like this use no photos (which makes them very fast and easy to make.)
Although they don't give a visual hint as to what a post is about, they are the ones that consistently catch my eye when I scroll through Pinterest. Some bloggers, such as Dre from The Branded Solopreneur use this style to completely brand their images.
To make one, open a canvas template in your preferred size, and when prompted, change the color to whichever color suits your style.
Play around with overlays and borders to create a style that's all "you".
Blog Image Version 4: Collage Style
I like the second method better, if the photos are all the same size already. For the example image here, I opened a blank canvas, and started by dividing it with a rectangle overlay. I turned the center to transparent, so that it create a "box" in the middle of the image.
For example if you want to do a post titled "12 Greatest Books to Read This Summer" then you save photos of the book covers and overlay them on your template. Then add your text.
Experiment With New Image Styles
Pinterest of course! Just type in something wild like "blogging tips" and look at all the pretty post images that appear.
While you shouldn't 100% steal another blogger's branded look, it is perfectly okay to get inspired by what you see and find a creative way to make it reflect you, your blog and your voice.
And don't forget! Different social media sites use different sizes, so you will save yourself a lot of time and heartache if you optimize all your images at the same time. Here is a guide to current image size recommendations for social media sites.