Great tip, Kevan! Thanks so much!
Great! Thanks so much, Diane!
This also appears to work for FB share-sized graphics. Thanks!
Ooh, nice find, Stephen!
Unfortunately that does not work for me. I have a self hosted WP site. It lets me change the pixels and it shows the tiny image in the post but when I hit review, the original sized image shows up. What could be the issue? Thanks!
Oh no! So sorry, Denise! Hmm, I'm wondering if you hit update or publish if things might go through smoothly then? Not sure if maybe it's a preview thing or not!
Kevan is also using WordPress Denise, I'd check the Text tab to see whether 1x1 is actually carried over to width/height in the html.
That is so cool. I had no idea! Now it's time to have fun and create new "hidden" images.
Haha, enjoy, Steven!
Just keep in mind that every asset included in the HTML will have to be downloaded, hence it will increase page loading time and bandwith expenses for people surfing via mobile networks. Especially high resolution images are quite resource hungry.
Be careful with adding many pictures! It may be good to include server-side or client-side sniffing to asynchronously load the picture only if the user is surfing with a full-fledged device.
Great points, Lazza!
pretty clever :)
nice! Definitely going to use that trick for future posts :)
Sounds great, Yamile!
Awesome tip, thanks a lot :-)
Thanks so much for the comment, Anouk!
Thank you. as always so helpful. I appreciate it.
Awesome, thanks Nelly!
This one is really amazing!
Woop! Thanks, Elger!
Genius! I have been wondering about this for a while now.
Oh awesome! So glad I could help shed some light here :)
Hi Kevan. I love this tip, but when I shared it in a blogger forum I belong to (with credit to Buffer of course) someone said this:
"The dimensions you plug into your HTML or CSS only tell your browser how big the image should look, but they have no impact at all on how big that image actually is from a file size / bandwidth perspective.
In other words, if you upload a 1x1 file, then the display size and the file size are both very small. However, if you upload a 1500x5000 px image as your collage, your display size is still small, but your file size is HUGE because your browser will load the whole enchilada in the background before scaling it down to 1x1."
Just curious as to whether you think this is an issue. I'm a food blogger with over 2,000 recipes, so I could potentially have over 2,000 long pin files hidden in my posts.
Hi there! Really great question. Yep, your forum friends are exactly right here, the images will still take up bandwidth and load time even if they don't appear in the post. I think what I like about the 1-pixel tip is that if you're planning to include these images anyway, it's a great way to control the visual look of the page so that your written content isn't pushed too far down by a vertical image. It's perhaps a bit of a small use case there, just happy to mention it in case it resonates at all!
Thanks Kevan, will pass that on to the other bloggers who are discussing it. And thanks for all the great tips!
Great idea but not working for me. It wants to pin th entire first paragraph of my post instead of the alt text :(
Yikes, so sorry Gene! Would love to help here if I can!
Love this tip! So helpful for engaging a new audience on Pinterest with our content. Thank you!
Thanks so much, Siri! Hope it makes a big difference for your Pinterest strategy :)
Why would you want to hide images in the first place? How would people know there was a pinable picture? I don't understand why you would want to do this.
Great question, Dan :) The main reason to think about hiding them is for the design of the page so that a super-tall image doesn't disrupt the flow of the text too much. The idea is that there'd possibly be other pinnable images within the post so that when someone does hit the Pinterest button, they'll see the other images plus the Pinterest-optimized, vertical image as well
Great tip, just wondering if there are any SEO implications in terms of hidden content on the page?
Good one, Emma! My best guess is that there are not any SEO implications here, given that the image is still present on the page (just really tiny) :) Hope this helps! Would love to hear what you discover!
I actually tried this, but when embedded as 1 x 1 the Pinterest browser tool doesn't seem to recognise it; I only have the option of my (horizontal, for FB & Twitter) featured image, not the vertical one specifically for Pinterest. Any ideas why this might be happening? When I embed at full size it is getting picked up no problem, so it seems to be size-specific?
I had the same thoughts like Emma and found that Google doc: https://support.google.com/webmasters/answer/66353?hl=en
Seams that hidden images are not a problem.
Nice one Kevan! I need to check Blogger and see if that works there too.
Interesting... but when I don't see pinnable images, I don't use the extension. Which is why I've wanted to pin lots of buffer articles but pinned none.
The tip seemed to work - the blog post looked great on my computer and my Android phone. But on my iPhone the image that I had shrunk to 1x1 was showing in the post :-(
Good tip to apply for our blogs. Thanks