1 00:00:00,560 --> 00:00:05,130 Here we have a 300-pixel by 300-pixel graphic we’ve created, and 2 00:00:05,130 --> 00:00:07,678 here’s how it displays on our test monitors. 3 00:00:07,678 --> 00:00:09,820 On the old-school CRT display, 4 00:00:09,820 --> 00:00:13,881 it looks like it takes up a significant promotion of a display. 5 00:00:13,881 --> 00:00:17,468 While if we take the same image and display it on our higher 6 00:00:17,468 --> 00:00:22,790 resolution 55-inch HDTV, it takes up quite a bit less of the display. 7 00:00:22,790 --> 00:00:26,900 But, if we were to measure it in inches on the screen itself, 8 00:00:26,900 --> 00:00:28,350 it's larger than the CRT. 9 00:00:29,380 --> 00:00:32,990 Even though the TV is much larger and what's considered HD, 10 00:00:32,990 --> 00:00:36,580 the small graphic appears physically larger. 11 00:00:36,580 --> 00:00:38,470 As I mentioned in the last video, 12 00:00:38,470 --> 00:00:42,000 only the size of the physical pixel in the display has changed. 13 00:00:43,080 --> 00:00:45,540 Each display shows the same number of pixels for 14 00:00:45,540 --> 00:00:50,700 our graphic because our graphic is 300 pixels by 300 pixels. 15 00:00:50,700 --> 00:00:54,650 A pixel is a pixel no matter the size of the pixel itself. 16 00:00:55,730 --> 00:00:59,960 So let's take a look at our 300 pixel square image on an iPhone 17 00:00:59,960 --> 00:01:04,310 running at nearly same resolution as our 55 inch HDTV. 18 00:01:05,340 --> 00:01:10,080 Physically smaller but taking up about the same proportions as our HD TV. 19 00:01:10,080 --> 00:01:15,400 One last thing I'd like to mention as it pertains to misconceptions about 20 00:01:15,400 --> 00:01:21,050 digital images and resolution, the fancy enhanced magic we see on TV. 21 00:01:21,050 --> 00:01:23,150 You know, where we see the baddie in a crowd and 22 00:01:23,150 --> 00:01:27,080 we can't quite make out his face because it's so small? 23 00:01:27,080 --> 00:01:29,160 Then through some fancy technology and 24 00:01:29,160 --> 00:01:34,980 voice control, enhance magically reveals the villain and the case is closed. 25 00:01:34,980 --> 00:01:38,520 Let's take a look at what this looks like in real life. 26 00:01:38,520 --> 00:01:42,040 I'm jumping into Photoshop real quick here for illustrative purposes. 27 00:01:42,040 --> 00:01:46,120 Don't worry too much about the specifics as I work through this example. 28 00:01:46,120 --> 00:01:50,420 So here's an image of a quality similar to one found on a security system. 29 00:01:50,420 --> 00:01:54,700 Typically an HD resolution of 1920 by 1080. 30 00:01:54,700 --> 00:01:58,105 Remember from our square example that no matter the display, 31 00:01:58,105 --> 00:02:02,380 one pixel is going to display as one pixel in each device. 32 00:02:02,380 --> 00:02:07,440 So we have 1920 pixels in each line and 1080 pixels in each column. 33 00:02:07,440 --> 00:02:11,710 If we zoom in, it doesn't automatically create new pixels in the image, 34 00:02:11,710 --> 00:02:14,760 it simply enlarges the size of a pixel on our screen. 35 00:02:14,760 --> 00:02:19,360 Thus making the resolution of the zoomed in area effectively less. 36 00:02:19,360 --> 00:02:21,256 Let's zoom in as far as we can on this. 37 00:02:23,928 --> 00:02:26,580 Now we're at 3200% zoom. 38 00:02:26,580 --> 00:02:30,150 Each pixel here is clearly defined and is a single color. 39 00:02:30,150 --> 00:02:33,860 There is simply no more information to be had in that pixel. 40 00:02:33,860 --> 00:02:38,970 It's defined as the color and there isn't anything hidden closer in. 41 00:02:38,970 --> 00:02:42,750 If we were to see a binary number in the code for this image, ones and 42 00:02:42,750 --> 00:02:46,230 zeros, we wouldn't magically find any hidden ones and zeros. 43 00:02:47,290 --> 00:02:49,450 If this pixel area here represented, 44 00:02:49,450 --> 00:02:53,340 say a bad guy's face, that's all the detail we're going to get. 45 00:02:53,340 --> 00:02:56,530 The only effective way to get a clearer image 46 00:02:56,530 --> 00:03:00,740 would be to start with a higher resolution image, meaning a better camera. 47 00:03:00,740 --> 00:03:03,430 So for instance our phone cameras. 48 00:03:03,430 --> 00:03:06,870 We know the resolution of our phone is close to an HDTV, 49 00:03:06,870 --> 00:03:10,850 however our cameras are gonna be able to take much larger photos. 50 00:03:10,850 --> 00:03:13,400 For example, this image is 4032x3024, 51 00:03:13,400 --> 00:03:19,550 that's why to some degree, we're able to pinch to zoom on our phone and 52 00:03:19,550 --> 00:03:22,680 see detailed closer up without losing fidelity. 53 00:03:22,680 --> 00:03:27,320 But once we zoom in and what would be more than 100% of the original image size, 54 00:03:27,320 --> 00:03:28,950 we'll start to lose some of that fidelity. 55 00:03:30,710 --> 00:03:32,430 Whew, that was a lot. 56 00:03:32,430 --> 00:03:34,140 Lets do a recap. 57 00:03:34,140 --> 00:03:39,090 Images or graphics have both pixel dimensions as well as pixel density 58 00:03:39,090 --> 00:03:41,050 that make up the resolution of an image. 59 00:03:42,580 --> 00:03:47,310 Display resolution is represented by the rows and columns of pixels. 60 00:03:47,310 --> 00:03:51,140 We also want to consider the size of the display and the viewing distance for 61 00:03:51,140 --> 00:03:52,810 our final imagery. 62 00:03:52,810 --> 00:03:56,650 Displays show us those images based on the pixel dimensions 63 00:03:56,650 --> 00:04:00,180 while ignoring the pixel density because a pixel is a pixel. 64 00:04:01,680 --> 00:04:05,920 In the next video, we'll dive into image resolution as it relates to print.