How to Hide an Image in a Blog Post


Pinterest is many a blogger’s BFF . It certainly is in my case, with the vast majority of my blog traffic coming from Pinterest.

A huge part of my strategy for Pinterest success has come from creating multiple pinnable images for my blog posts. This creates more chances for pins to convert into saves and clicks because…well…there are more things to be saved and clicked!

The best way to add multiple images to a blog post, in my opinion, is to hide the images within the post. Yep! That’s a real thing that can be done. If you don’t know how to do it…stress not! Now is the perfect time to learn—and you happen to be in just the right place. 🙂



Why Hide Pinnable Images?

My big reasons for hiding pinnable images within my blog posts are:

  • Keeps blog posts looking neat and clean
  • Allows you to create as many pinnable images as you’d like
  • Helps your blog posts load faster, which means readers will be more likely to stay on the page longer and actually read your content


What Does a Hidden Image Look Like?

I’m a visual/hands-on learner, so let me show you what I’m talking about when I say “hidden image”.

Because I’m currently dreaming of crisp autumn weather (any time now, Atlanta), I’ll use my blog post 25 Fall Blankets Under $25 as an example.

Here is one of my Pinnable images from that blog post, as it appears on Pinterest. If you click on the pin, it will take you straight to the blog post, just as you’d expect.

However, when you scroll through the post, you’ll notice that the pinnable image is nowhere to be found. Sure, there are lots of pictures of blankets, but that particular pinnable graphic is not visible. In fact, I currently have 3 different pinnable images for this particular blog post and none of them are visible on the post itself. 

This is what I mean when I say “hiding an image within a blog post”. The image is there and can be used for Pinterest purposes, but you don’t actually see it when you open the blog post. Magical, right??


How Do I Hide an Image in a Blog Post?

Okay, now that you know what I’m talking about, let’s go through how to hide an image in a blog post step-by-step.


1. Open the blog post that you want to hide an image in. Go to edit mode.


2. Insert your pinnable image into your post the same why that you would any image. Once inserted, the visual version of your blog post will look something like this:

how to hide image in blog post


The top of my pinnable image can be seen inserted into the post, underneath my intro text.


3. Switch from “Visual” mode to “Text” mode if you’re using a self-hosted site like I am, or get to where you can edit the HTML code of your blog post on whichever platform you’re blogging on.


4. Locate the code associated with the pinnable image you just inserted. It should look something like this:

how to hide image in blog post


5. Add the “secret code” of the blogging world that hides images within blog posts! The moment of truth!!

Secret Code:

<div style=”display: none;”> IMAGE CODE GOES HERE</div>


Once you’ve added the code, the HTML should look like this:

hiding images in blog posts


6. Switch back to visual mode to confirm that the image is now hidden.

If you look in the same area that we looked at in Step #2, you’ll notice that the gigantic pinnable image is no longer visible. This means that we’ve typed in our code correctly and are good to go!

If you’re still seeing the image, go back and make sure the “secret code” is entered correctly. Sometimes I have trouble if I copy and paste it into the text editor. If the same is happening for you, try carefully typing in the code by hand to see if it works. Once it’s entered 100% correctly, the image will no longer be visible.

hiding images within blog posts


7. Save your changes!


How Do I Pin a Hidden Image on Pinterest?

Literally the exact same way that you would pin a non-hidden image on Pinterest. That’s the beauty of this! Once the secret code is entered and working properly, it’s all business as usual from there.


1. Share the link on Pinterest as you normally would (through a Pin button, share button, or copying the link and pasting it into the “Save from Website” option on Pinterest, as I’ve shown below. Click “Next”.


2. All of the available images for the link will appear. Including…shabam!…the image that you hid!!


3. Add a description, etc. just as you would any other image on Pinterest. Save the hidden pinnable image to whatever board you like.

how to hide an image in a blog post


4. That’s it! This takes us back to that pinnable image that we looked at earlier in this post. When you click on the pin, you’re taken to the blog post but don’t see the image thanks to the coding magic that you just made happen. Uh-mazing!


Happy Pinning, loves! 


  • 55
  • 1
August 24, 2017
Previous Post Next Post


  • Reply Olivia

    Thanks thats really helpful, I’ll definitely bookmark this as there’s no way I’ll ever remember that code!

    August 24, 2017 at 5:29 pm
  • Reply Shelby Stover

    Super helpful! This took me forever to figure out so it’s a great read for other bloggers!

    August 24, 2017 at 5:33 pm
  • Reply Gloria Harvley

    Oh cool, that’s a neat trick! I want to try that next in my posts.

    August 24, 2017 at 11:43 pm
    • Reply Kaity

      Isn’t it?? You definitely should! 🙂

      August 28, 2017 at 3:34 pm
  • Reply Priyadarshini Rajendran

    Quite useful to me. Thank you for the detailed post. Gonna hide those biggie pins now 🙂

    August 25, 2017 at 2:02 am
    • Reply Kaity

      Do it! 🙂

      August 28, 2017 at 3:33 pm
  • Reply Kristina

    THANK YOU! I was trying to figure this out a week ago and no one knew the answer! Woo!

    August 25, 2017 at 3:11 am
    • Reply Kaity

      Hahaha, of course! So happy to help!!

      August 28, 2017 at 3:33 pm
  • Reply Gayathri

    I was avoiding pinnable posts just because they looked so out of place in my book blog. Now I have no excuse, do I?
    Gayathri @ Musings Over Nothing

    August 25, 2017 at 11:05 am
    • Reply Kaity

      Bahaha! Make those pins, lady. 🙂

      August 28, 2017 at 3:29 pm
  • Reply Kate

    I needed this! So helpful and I love being able to hide my vertical pins now.

    August 25, 2017 at 4:35 pm
    • Reply Kaity

      So glad! Isn’t it great??

      August 28, 2017 at 3:28 pm
  • Reply Lisa Williams

    I have been trying to figure this out for two months! I couldn’t get your code to work, until I went back and read that sometimes you had to type the code in (instead of cut and paste), and voila, it disappeared! Than you so much!

    September 19, 2017 at 8:03 pm
  • Reply Lisa Williams

    Okay, I just left a comment, but I have a question. When I embed the image in my blog, it looks like the only way to pin from the blog is to hover over a visible image and click the Pinterest icon. When I do that, the only image that appears is the image I clicked on with the alt-text I entered. How can I get all the embedded pins to show up, and can I remove the other images…they don’t have any info on the post. Thank you!

    September 19, 2017 at 8:21 pm
    • Reply Kaity

      Hey, Lisa! This is where having social media share buttons on your blog comes in handy. 🙂 If you have a self-hosted blog on, you can add a plug-in (I used Sassy Social Share and love it!). It puts all of the social media share icons on each blog post, and when you click on the share button, all of your images (including the hidden ones) will appear. The other images without the info will still appear as a pinnable option, but most folks will click on a pinnable image if there’s one available to choose from. Hope this helps!

      September 20, 2017 at 3:12 pm
  • Reply Tee

    This is super helpful! I know that the vertical pins are a necessity but they can take up some serious real estate on a post. This is a fantastic workaround. Just found your blog (on pinterest of course) and it’s great!

    November 13, 2017 at 5:16 pm
    • Reply Kaity

      Thanks so much, Tee!! I’m so glad it’s helpful. 🙂

      November 14, 2017 at 2:44 pm
  • Reply Darren and Lydia

    This post made my life so much easier! This little tip help my increase my pin-able images and allows me to share my posts multiple times! Thanks for the info I will use this every time I write a new post!

    January 9, 2018 at 11:22 pm
    • Reply Kaity

      So happy it helped, Darren and Lydia! 🙂

      January 10, 2018 at 11:56 pm

    Leave a Reply

    You may also like