Decoding screen size and resolution


show more Decoding screen size and resolution provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design show less
please wait ...

Decoding screen size and resolution

Before we start learning how to create web graphics, we need to first understand the difference between something called pixel dimension and resolution. For many years people I have referred to web graphics as being 72 PPI, or Pixels Per Inch, and we as designers have just come to accept that number as the standard by which we create our screen graphics. However, in reality monitors today far exceed the limits of 72 pixels per inch, and devices like Apple's iPhone and iPad even have something called a Retina display, which displays in excess of 300 pixels per inch. In today's world, we don't need to concern ourselves with the PPI settings of our graphics anymore; instead, we should focus on the actual pixel dimensions of the graphics we're creating.

By this I mean the actual physical space, width, and height values that our graphics take up onscreen. For example, take a look at my screen here. I have a standard banner ad which is 468 pixels by 60 pixels tall, a...

Decoding screen size and resolution
Video duration: 2m 40s 5h 27m Appropriate for all

Viewers:

Decoding screen size and resolution provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design

Subjects:
Design Web
Software:
Illustrator
Author:
please wait ...