Defeat the Image Toolbar

When I am contracted to build a new website for a client, the first step once I am in front of the computer is to prepare a “mock-up” design to present to the client for approval.  What I usually deliver to them is a large image that looks exactly like the actual website I plan to build them.

This can create a few little problems through, based on the client’s computer settings.  Admittedly, most of my clients (and your too) are using Internet Explorer, probably version 6 (ships with Windows XP).  One of the “features” installed by default is the Image Toolbar.  For some, it is a blessing, as it will squeeze large images so they fit in the browser window.  This is convenient when browsing photos etc…  Unfortunately, it will take my painstakingly crafted image and distort during the shrink process.

What to do?  I can’t reasonably expect the client to alter their setting to view my design - that’s poor web development practice, and more importantly unrealistic.  Even if I can place hope on the client changing their own settings, I certainly can’t expect them to have their peers change their settings as well, since I will assume that most clients will show the “mock-up” design to at least one other individual for their own opinion.

Here’s the answer:

Place that in the head of your document and you’re golden.  Enjoy.

About Joseph R. B. Taylor

Joseph R. B. Taylor is a humble designer/developer who makes stuff for screens of all shapes and sizes. He is currently the lead UI/UX Architect at MScience, LLC, where he works to create simple experiences on top of large rich datasets for their customers and clients.