Ever noticed how a photo that looks sharp on your screen can turn out blurry and disappointing in print? Here are some tips for using images for both web and print.
The basics: What are pixels?
Every digital image, from a photo on your phone to a graphic on a website, is made up of thousands of tiny, colored squares: pixels. The total number of pixels determines the 'size' of an image, often expressed in dimensions like 1920 x 1080 pixels (width x height). The more pixels an image has, the more detail it can contain.
Resolution for screens: PPI (Pixels Per Inch)
For digital applications like websites, social media and presentations (PowerPoint), we talk about PPI (Pixels Per Inch). This value indicates how many pixels are displayed per inch on a screen.
- The web standard: 72 PPI is often cited as the standard for web images.
- What really matters: For digital media, the absolute pixel dimensions (e.g., 1200 pixels wide) are more important than the saved PPI value. An image with large dimensions will always appear sharp on a screen, regardless of its PPI setting.
Rule of thumb for digital: Ensure your image is large enough in pixels for its intended use. For a full-width image on a website, a width of at least 1920 pixels is recommended.
Resolution for print: DPI (Dots Per Inch)
When an image is printed, its pixels are converted into tiny ink dots on paper. Print resolution is measured in DPI (Dots Per Inch): the number of ink dots a printer places per inch.
- The standard for quality print: For sharp, professional-quality print (like brochures, posters, or dissertations), a resolution of 300 DPI is required.
- Why a higher DPI? A high DPI ensures the ink dots are so close together that the human eye perceives them as a single, smooth and sharp image. An image with a low DPI (e.g., 72 DPI) will look visibly 'pixelated' or blurry when printed.
Practical guidelines: Which resolution to use?
| Application | Required resolution | Key considerations |
| Websites, social media, newsletters, PowerPoint | 72 PPI | Keep file sizes small for fast loading times. Use formats like JPG or PNG. |
| Professional print (brochures, flyers, posters, books) | 300 DPI | Always provide the original, high-resolution file to your designer or printer. |
| Standard office printer | Approx. 150 DPI | For a simple internal document, 150 DPI is often sufficient and results in a smaller file size. |
How do I check an image's resolution?
You can easily check an image's dimensions and resolution.
- On Windows: Right-click the file > select Properties > go to the Details tab. Here you will see the dimensions in pixels and the resolution in DPI.
- On macOS: Open the image in Preview > go to the Tools menu > select Show Inspector. Under the 'General Info' tab (the 'i' icon), you will find the pixel dimensions.
Important: You can't increase a low-resolution image (e.g., 72 DPI) to 300 DPI without significant quality loss. The computer has to 'invent' new pixels, which leads to a blurry or fuzzy result. Always start with a source file that is large enough for your final purpose.
Need help? Use the image bank
The easiest way to ensure you have the right quality is to use the university's Image Bank. All images provided there are high-resolution and suitable for both print and web use.
For any questions, please contact the Visuals Team
Log in om een reactie achter te laten of registeer je.