When you’re browsing on Pinterest, do you ever see a gorgeous image, click to the post and that same image is no where to be found? Ever wonder how that happened? Well, you came to the right post to learn how to hide an image in a blog post and how to post it on Pinterest!
The main reasons people hide images within their blog posts is because they either have too many pictures in the post, or the image is too large to reason putting it directly into the post. I love hiding a really long graphic consisting of a string of my pictures that’s optimized for Pinterest. Typically, I’ll create a “hero” image to use at the beginning of my post, then hide any images that are longer that that. And what’s better is knowing how to hide an image in a blog post is as easy as inserting a simple line of code!
It’s well known that vertical images do infinitely times better on Pinterest than horizontal. You’ve also probably seen information about the “optimal” size of a Pinterest image. But what you might not have seen is information regarding longer-than-normal graphics. What’s awesome about longer Pinterest graphics is that they do in fact take up even more space than the normal vertical graphic. So, the good thing about this is they are easier for someone to notice them. Hence, a better chance that they’ll click on the image to your blog!
Create your graphic
My favorite free resource for making graphics is Canva. It is seriously so user-friendly that you can’t go wrong with it! There are a ton of preset dimensions for graphics based on what platform you want to post on. While canva offers a graphic size for Pinterest, we’re gonna ignore that one and make our own size. Click on the icon in the top right corner where it says “Use custom dimension.” Dimensions will be: 750 x 1700 pixels.
Next, add whatever images you want for your graphic. Canva is really convenient to use because you can easily add several images and stack them to create a sequence-look.
In the middle of creating the image for this blog post, I decided to switch pictures. But all ya gotta do to add text is click the “text” tab on the left. Choose the type of heading you want. I really don’t think it matters which you choose because you can change the font and size later. I typically use two different fonts in an image in order to make it stand out in the sea of pictures. Now, just download the image onto your computer.
Add the Image to Your Media Gallery
Although we aren’t going to show the image on the front-end of your post, you still need to upload it into your media gallery.
Add the code!
So… the part you’ve all been waiting for! All you have to do to hide an image in a blog post is click on the “Text” tab to insert this code:
<div style=display:none;><img src=”IMAGE LINK”></div>
Where do you find the “IMAGE LINK,” you ask? You will find this link when you click on the image you want to hide in your media gallery. Copy this URL and insert into the “IMAGE LINK” spot. Because this picture will essentially be invisible in your post, you can add the code wherever you want.
Here’s what my code looks like on the back end:
And there you have it! Now whenever someone clicks to share your post on Pinterest, they can choose your hidden image from the options.
This is such an awesome technique when you also want to test out graphics. You can create multiple graphics, hide them in your post, then share on Pinterest and see which performs the best!
Tip: Choose your Meta Description for you blog post wisely. When someone goes to pin a hidden image, the pin description is automatically populated with the Meta Description.
Have you used Canva or tried to hide images in your blog posts? What did you think of it?!