How Do I Print Pictures From Websites so They Look Good?

You might not be able to.

Trying to print a cute photo from a website and wondering why it looks fuzzy on paper? I'll explain why that happens, what you can do, and when high-quality results are possible.
Different resolutions, stretched.
(Image: askleo.com)
Question: I would like to know the simplest way to print a small to medium image from a webpage and have it print out as a crisp picture to fit an 8-1/2″ by 11″ sheet.

This question has one simple and one complex answer.

The simple answer is that most of the time, you can’t.

The complex answer, of course, is: it depends.

TL;DR:

Printing website pictures

Most pictures on websites are too small to print clearly. When you stretch a tiny image to fill a sheet of paper, it gets blurry. Unless the site provides a high-resolution version you can download, there’s no way to make it look sharp, even with today’s AI tools.

Unrealistic expectations: Enhance!

I often get frustrated watching TV crime shows because I know too much. They frequently take liberties with what is and is not technologically possible.

For example, a bunch of detectives look at a blurry photo of a car in the distance, and the person in charge directs the resident computer guru to “enhance it”. Maybe even more than once. Like magic, the blurry photo of the car in the distance gets crisper and crisper, and the license plate becomes visible. The cops identify the criminal and save the day.

It doesn’t work that way…  at least not the magical “enhancement” they’re talking about. If a picture is blurry, it’s blurry. If a picture has low resolution, it has low resolution. Yes, there are “enhancements” of a sort, but they all involve trading off other aspects of the image — typically decreasing the image fidelity in order to, say, increase contrast, change colors, and the like. Sometimes those “enhancements” will reveal something; sometimes, they won’t.

No enhancement will take a small, blurry image and turn it into a large, crisp one.

And that’s what you’re asking for.

Printing the puppy

Let’s use an example.

200 pixel puppy
(Image: askleo.com)

This cute photograph is a 200-pixel-wide image. On my screen, it measures approximately two inches across, meaning that my screen is roughly 100 dots per inch, or DPI.

Now, if I want to print that picture on an 8-1/2-inch-wide paper, using eight inches as the printable area, that means the printing process will need to make that picture four times wider and four times higher.

Here’s a small portion of that image when magnified four times:

200 pixel puppy eye
(Image: askleo.com)

You can see the image is already starting to get a little blurry. It’s the same image as displayed above, just magnified four times.

Sadly, we’re not done magnifying.

Most printers print at resolutions of at least 300 DPI, if not much higher. The net effect is that if you print an image that is less than that (say our 100 DPI image above), then the printer (or your printing software) must also magnify that image again. In our case, that’s an additional factor of three times.

Puppy Eye, magnified 4 times, then 3 times
(Image: askleo.com)

Now you can really start to see the details of jpeg compression as well as the increased blurriness of the picture. Again, this is the same picture we started with. In fact, if you were to take a magnifying glass to that original on your screen, you’d likely see something similar to this magnified version.

High-fidelity puppy

The bottom line is that on-screen images rarely print in high fidelity.

There’s just no getting around the fact that you’re magnifying a small on-screen image and printing it on a device with higher inherent resolution.

Now, there’s one exception, but it depends entirely on how the webpage was designed. And for reasons that will become clear, most webpages are not designed this way.

Here’s our puppy, once again.

Puppy in high resolution
Click for larger image. (Image: askleo.com)

If you’re on a slow internet connection, you may notice that this version of the picture was a little slower to display. It may also look slightly different from the same-sized image earlier in the article.

The first image in this article is a 200 × 217 pixel image. This image is a 1153 × 1249 pixel image, but I’ve instructed the webpage to display it in a 200 × 217 rectangle. The browser automatically resized the very large image to fit in the tiny hole.

I’ve set it up so that if you click on that image, you’ll see it in full resolution. Since the browser already had to download it to show you the smaller version, the larger version should display very quickly.

And this would be the exception. If a small image on a webpage is set up to use a high-resolution version downsized by the browser, then printing that image will probably use the high-resolution version, giving you a much better result.

Puppy Eye, magnified 4 times, then 3 times
(Image: askleo.com)
Puppy Eye, magnified 2 times
(Image: askleo.com)

In this case, the image still had to be enlarged to show the printed equivalent, but this time by a factor of two rather than 12.

The net result, of course, is a much sharper image when printed in a larger format.

AI has entered the arena

Since I originally wrote this article several years ago, something has changed. AI “enhancement” is now available.

First, here’s our original, low-resolution image.

200 pixel puppy
(Image: askleo.com)

Now, here’s that same image, this time enhanced by the AI tool Topaz Gigapixel.

Low resolution puppy AI enhanced by 6x.
Low resolution puppy AI enhanced by 6x. Click for larger image. (Screenshot: askleo.com)

It’s not the same quality as the high-resolution original, but depending on the situation, it might be “better enough”.

The difference is simple: rather than just stretching and smoothing pixels to take up more space1, AI examines the content of the image and attempts to enhance it in ways that correspond to that content. For example, eyes are made larger in a way that makes sense for eyes, fur (or hair) is made larger maintaining the characteristics of fur, and so on.

Sadly, even AI can’t reconstruct license plate numbers that aren’t visible in the low-resolution original, no matter what the cop shows show you. At best, it’ll make something up that comes close in appearance but not in detail.

Do this

The bottom line is that for a high-resolution print to result in a sharp, clear image, you need to begin with a high-resolution image.

Most web images are not high resolution. While 200 pixels wide looks fine on a screen, it’s nowhere near high enough resolution for a high-quality print. There’s still no way to get around that.

Subscribe to Confident Computing! Less frustration and more confidence, solutions, answers, and tips in your inbox every week.

Footnotes & References

1: A very crude definition of what it means to increase the size of a photo in a photo-editing app.

Leave a reply:

Before commenting please:

  • Read the article.
  • Comment on the article.
  • No personal information.
  • No spam.

Comments violating those rules will be removed. Comments that don't add value will be removed, including off-topic or content-free comments, or comments that look even a little bit like spam. All comments containing links and certain keywords will be moderated before publication.

I want comments to be valuable for everyone, including those who come later and take the time to read.