#22 - The 1-pixel Pinterest Tip

Diane
about 2 years agoSeptember 4, 2015
Great tip, Kevan!  Thanks so much!
Kevan
about 2 years agoSeptember 4, 2015
Great! Thanks so much, Diane!
Stephen
about 2 years agoSeptember 4, 2015
This also appears to work for FB share-sized graphics. Thanks!
Kevan
about 2 years agoSeptember 4, 2015
Ooh, nice find, Stephen!
Denise
about 2 years agoSeptember 4, 2015
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!
Kevan
about 2 years agoSeptember 4, 2015
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!
Patrick
about 2 years agoSeptember 4, 2015
01:53:36
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.
Steven
about 2 years agoSeptember 4, 2015
That is so cool. I had no idea! Now it's time to have fun and create new "hidden" images.
Kevan
about 2 years agoSeptember 5, 2015
Haha, enjoy, Steven!
Lazza
about 2 years agoSeptember 4, 2015
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.
Kevan
about 2 years agoSeptember 5, 2015
Great points, Lazza!
Jeff
about 2 years agoSeptember 7, 2015
pretty clever :)
Kevan
about 2 years agoSeptember 7, 2015
Thanks, Jeff!
Yamile
about 2 years agoSeptember 7, 2015
nice! Definitely going to use that trick for future posts :)
Kevan
about 2 years agoSeptember 7, 2015
Sounds great, Yamile!
Anouk
about 2 years agoSeptember 8, 2015
Awesome tip, thanks a lot :-)
Kevan
about 2 years agoSeptember 8, 2015
Thanks so much for the comment, Anouk!
Nelly
about 2 years agoSeptember 8, 2015
Thank you. as always so helpful. I appreciate it.
Kevan
about 2 years agoSeptember 8, 2015
Awesome, thanks Nelly!
Elger van der Wel
about 2 years agoSeptember 10, 2015
This one is really amazing!
Kevan
about 2 years agoSeptember 10, 2015
Woop! Thanks, Elger!
Renee
about 2 years agoSeptember 11, 2015
Genius! I have been wondering about this for a while now.
Kevan
about 2 years agoSeptember 13, 2015
Oh awesome! So glad I could help shed some light here :)
KalynsKitchen
about 2 years agoSeptember 14, 2015
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.
Kevan
about 2 years agoSeptember 14, 2015
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!
Anonymous
about 2 years agoSeptember 15, 2015
Thanks Kevan, will pass that on to the other bloggers who are discussing it. And thanks for all the great tips!
Gene
about 2 years agoSeptember 15, 2015
Great idea but not working for me. It wants to pin th entire first paragraph of my post instead of the alt text :(
Kevan
about 2 years agoSeptember 17, 2015
Yikes, so sorry Gene! Would love to help here if I can!
Siri
about 2 years agoSeptember 17, 2015
Love this tip! So helpful for engaging a new audience on Pinterest with our content. Thank you!
Kevan
about 2 years agoSeptember 17, 2015
Thanks so much, Siri! Hope it makes a big difference for your Pinterest strategy :)
Dan
about 2 years agoSeptember 20, 2015
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.
Kevan
about 2 years agoSeptember 21, 2015
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
Emma
about 2 years agoSeptember 21, 2015
Great tip, just wondering if there are any SEO implications in terms of hidden content on the page?
Kevan
about 2 years agoSeptember 21, 2015
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!
Emma
over 1 year agoMarch 5, 2016
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?
Jochen
over 1 year agoMay 27, 2016
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.
Al C
almost 2 years agoOctober 22, 2015
02:58:26
Nice one Kevan! I need to check Blogger and see if that works there too.
Violeta Nedkova
almost 2 years agoOctober 26, 2015
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.
Karla
over 1 year agoApril 22, 2016
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  :-(
Orchestrate Digital
9 months agoDecember 21, 2016
Good tip to apply for our blogs. Thanks
Your comment