600dpi on a website?  Yes, it's possible!


Well, sort of.

With the rising popularity of webapps, more and more documents like receipts, invoices, form letters, and whatnot are printed using a web browser.  This is great, because you have all the advantages of a webapp.  But, when printed, your 72dpi logo looks just a touch muddy.  No problem!  Just print it at 600dpi and that logo will be as crisp and clear as the surrounding text.


I like to have my logos in Illustrator format, or some other vector format so that they can be resized easily without worrying about quality loss.  Once in Illustrator format, I can export to a variety of programs, such as Photoshop, which I'll use for this example.

Start by loading Photoshop.  From the File menu, choose Open.  Locate your *.ai file.  When you click the Open button, you'll be presented with the following dialog:

high resolution images print website

Use the settings I've used here except of course use "Width" and "Height" measurements appropriate to your image.  The keys are that I have "Resolution" set to 600 and my unit of measure is a physical unit of measure such as inches or centimeters instead of pixels.  (The reason for this is that depending on your selected resolution, the amount of pixels per inch vary.) Anti-aliasing doesn't really matter at this kind of resolution, so I leave it off.  Save your image in jpg, gif, or png format.

Now, when you insert your image into your HTML, be sure to specify the width and height in the same units of measure you used when you opened your *.ai file.  Use code like such:
<img src='yourlogo.gif' alt='' style='width:4in;height:2in;' />
And that's all you need to make your printed images as perfect as can be.  Unfortunately, they won't look stellar when displayed on screen, but that's easy to fix with @media rules.
 

If you would like a reply to your comment, you must leave your email address! We receive dozens of questions every month from people who don't leave us with any way to contact them, so we have no choice but to ignore the question. We try to reply to as many questions as we can, if we know the email address of the person who asked the question. Thanks in advance for writing in :)

Allowed HTML: <b>, <i>, <em>, <strong>. All other < and > will be replaced with &lt; and &gt;.