1
00:00:00,640 --> 00:00:03,170
Let's kick off with resolution.

2
00:00:03,170 --> 00:00:08,040
In this course, we're gonna tackle two
types of resolution, image resolution and

3
00:00:08,040 --> 00:00:09,870
display resolution.

4
00:00:09,870 --> 00:00:14,280
When referring to images,
resolution is the density of information,

5
00:00:14,280 --> 00:00:18,180
typically within an inch,
contained within the image file.

6
00:00:18,180 --> 00:00:20,940
PPI, or pixels per inch,

7
00:00:20,940 --> 00:00:25,740
tells us how many pixels are represented
in a square inch when printed.

8
00:00:25,740 --> 00:00:30,640
Or, put simply, resolution is the amount
of detail available in the image.

9
00:00:31,850 --> 00:00:36,520
For displays or screens, resolution it
how many pixels a display contains.

10
00:00:36,520 --> 00:00:43,380
Typically represented in columns by rows,
for example, 1920 pixels by 1080 pixels.

11
00:00:43,380 --> 00:00:44,250
Let's have a closer look.

12
00:00:45,400 --> 00:00:50,490
Displays are made of pixels, the smallest
unit of measurement for any display.

13
00:00:50,490 --> 00:00:53,420
Put the pixels together in rows and
columns, and

14
00:00:53,420 --> 00:00:55,630
we're able to display our content.

15
00:00:55,630 --> 00:00:59,790
The resolution of our display is conveyed
in the number of columns of pixels

16
00:00:59,790 --> 00:01:01,458
by the number of rows.

17
00:01:01,458 --> 00:01:02,172
For example,

18
00:01:02,172 --> 00:01:07,300
that old CRT display I had back in
the day, it's resolution was 640 by 480.

19
00:01:07,300 --> 00:01:13,212
Today, the common resolution for
an LCD monitor is 1366 by 768,

20
00:01:13,212 --> 00:01:19,050
and HDTV can be 1920 by 1080.

21
00:01:19,050 --> 00:01:23,650
Now a days, we're seeing screens that
fit more pixels into smaller areas,

22
00:01:23,650 --> 00:01:26,620
resulting in high pixel density displays.

23
00:01:26,620 --> 00:01:31,320
For example, a 4K TV, or
Apple's Retina displays.

24
00:01:31,320 --> 00:01:34,443
Because these displays have
smaller pixels, it allows for

25
00:01:34,443 --> 00:01:37,500
finer detail at a closer viewing distance.

26
00:01:37,500 --> 00:01:41,470
Which brings us to the next consideration
when talking about resolution,

27
00:01:41,470 --> 00:01:43,753
the physical dimensions of the display.

28
00:01:43,753 --> 00:01:47,980
Here's my old-school CRT display,

29
00:01:47,980 --> 00:01:54,400
a 13" screen measured diagonally,
displaying 640 by 480 pixels.

30
00:01:54,400 --> 00:02:00,800
And here's my original iPhone,
displaying 320 by 480 on a 3.5" diagonal.

31
00:02:00,800 --> 00:02:07,660
For additional context, here's a Macbook
Pro Retina display, and a 4K 55-inch TV.

32
00:02:08,870 --> 00:02:13,740
So our takeaway, a pixel isn't
the same size on all devices.

33
00:02:13,740 --> 00:02:17,490
Sometimes it's super tiny, and
sometimes it's fairly large.

34
00:02:17,490 --> 00:02:22,120
An example of large pixels are those
displays at Times Square in New York.

35
00:02:22,120 --> 00:02:25,867
If you were to get close to them,
the pixels would be quite large.

36
00:02:25,867 --> 00:02:30,857
While from the street, it may be
tougher to discern individual pixels.

37
00:02:30,857 --> 00:02:34,361
Which leads me to the last time to think
about when considering resolution,

38
00:02:34,361 --> 00:02:36,898
the distance that which
you're viewing the display.

39
00:02:36,898 --> 00:02:39,878
The closer our eyes are supposed
to be to the screen,

40
00:02:39,878 --> 00:02:42,518
the smaller the pixel should be.

41
00:02:42,518 --> 00:02:47,430
And as you get further out, you can
grow the size of the physical pixel and

42
00:02:47,430 --> 00:02:49,850
still maintain that crisp image or video.

43
00:02:51,240 --> 00:02:55,790
That's why we're not able to discern
individual pixels on a HDTV or

44
00:02:55,790 --> 00:03:00,980
a phone that are similar resolution,
but different physical sizes.

45
00:03:00,980 --> 00:03:03,550
In the next video,
we'll take a look at an example

46
00:03:03,550 --> 00:03:07,630
of how display resolution affects
images on different devices.