Your Development & Design Resource

Share to Facebook Tip: Hidden Thumbnail-Fu!

For the website redesign I went with a single-image header which shows both the logo and the header text, all in an attempt to give the header a more polished, properly aliased look and feel: Header Image Screencap

This works great for the site design, but when sharing an article via ShareThis! (or any of the like click-to-share social networking solutions out there) you are limited to the images on the linked web page to set as the Facebook Link Thumbnail. Not that big of an issue, unless your post doesn't have an image and the only image that you have available as your Facebook Link Thumbnail option is your Contact Information avatar! Facebook Link Thumbnail FAIL

My proposed fix? Just before the BODY HTML Element close tag, add the following HTML:

<img src="logo.png" style="display: none;" />

Pretty simple really: you're going to load (but hide via inline CSS) an image that you can use for your Facebook Link Thumbnail! Facebook Link Thumbnail WIN!

... it beats looking at my mug on each of the Links I post to Facebook!

About the author: Chris Toohey

Thought Leadership, Web & Mobile Application Development, Solutions Integration, Technical Writing & Mentoring

A published developer and webmaster of, Chris Toohey specializes in platform application development, solutions integration, and evangelism of platform capabilities and best practices.

More from is powered by IBM Notes Domino XPages & hosted by Prominic.NET

Contact Us

Use our Contact / Feedback form or one of these email addresses:

Creative Commons License

Except where otherwise noted, by Chris Toohey is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.