image resolution for website photos on mac

#IMAGE RESOLUTION FOR WEBSITE PHOTOS ON MAC HOW TO#

The more pixels an image contains, the bigger the file will be on your computer. The trouble is it’s hard to find out the resolution of an image without a photo editing programme like Photoshop – and not everyone has access to Photoshop.Īlthough not fool-proof, it is possible to gauge the resolution of an image just by looking at the size of the file itself. it still may not be good enough to print in a brochure or advert – and that’s important for the credibility of your brand. So even if the image looks beautifully crisp and clear on screen, and seems to be about the right size. That means that although on screen our image won’t start to look coarse until it’s bigger than 10 inches square, in print it will start to look coarse when it is bigger than 2.5 inches square. Unfortunately, when we reproduce images in print for brochures, advertising and catalogues etc, that resolution needs to be much higher – ideally around 300 pixels per inch. It is the same with definition on photographs – they may look alright when you look at them initially, but once you start to zoom in you see that the detail is blocky and undefined – and enlarging an image is a lot like zooming in on the model. It might look quite realistic and like the real thing overall, but as you look closer you will start to see that because it is a smaller model, the detail just isn’t there – because the real thing is 72 times bigger! In my spare time I build scale model aircraft (bear with me here!) Now imagine when you look at one of my models compared with the actual plane. If we tried to use it above that size, however, its resolution becomes lower than 72 pixels per inch and that would mean that the image started to look coarse and blocky like theright hand side of our image at the top of this article. On screen for digital design, we view images at a resolution of roughly 72 pixels per inch, so at any size up to 10 inches square, that image would look smooth and well defined.

This resolution determines how clear the image will look – the higher the resolution, the clearer the image and the better it will look in brochure or catalogue designs. The image’s resolution is the number of pixels divided by the size it is being viewed at – so if the image is 720 pixels wide by 720 pixels tall, and it’s being viewed at 10 inches square, it has a resolution of 72 pixels per inch (I’m not sure why it’s measured in inches – but it’s probably a combination of the fact it originated in print before metrication and that computers were so heavily based in the US). What is ‘Resolution’?ĭigital images are made up of thousands of pixels (blocks of colour), and the number of pixels in the image will determine how high the image’s resolution is. If you want to use your digital photographs in printed brochures, no matter how beautiful the image, it is essential to make sure that the image is high enough resolution for print.

#IMAGE RESOLUTION FOR WEBSITE PHOTOS ON MAC HOW TO#

Tips & Tricks High-res or low-res? How to make sure your digital images are suitable for print… Posted by Colin Higton

Image resolution for website photos on mac