[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.14,0:00:03.82,Default,,0000,0000,0000,,像素简介 Dialogue: 0,0:00:09.39,0:00:10.14,Default,,0000,0000,0000,,(按快门声)赞! Dialogue: 0,0:00:11.99,0:00:14.81,Default,,0000,0000,0000,,我和Mike一起成立了Instagram Dialogue: 0,0:00:14.90,0:00:18.82,Default,,0000,0000,0000,,我们开始只是想用手机照片做些有新意的事儿 Dialogue: 0,0:00:18.93,0:00:22.15,Default,,0000,0000,0000,,毕竟这是人们第一次那么在意口袋里的计算机 Dialogue: 0,0:00:23.01,0:00:27.27,Default,,0000,0000,0000,,我们认为在未来五年照片分享可能是最大的机会 Dialogue: 0,0:00:27.27,0:00:31.73,Default,,0000,0000,0000,,于是我们顺从内心,开始花时间来做这件事 Dialogue: 0,0:00:32.58,0:00:36.03,Default,,0000,0000,0000,,有app或者想法去解决x, y, z还不够 Dialogue: 0,0:00:36.05,0:00:39.24,Default,,0000,0000,0000,,更重要的是解决实际问题,供人们真正的使用 Dialogue: 0,0:00:40.09,0:00:41.61,Default,,0000,0000,0000,,问题是:你要解决什么问题? Dialogue: 0,0:00:44.72,0:00:50.58,Default,,0000,0000,0000,,最初为了在屏幕上显示照片,人们需要对照片进行数据分解 Dialogue: 0,0:00:51.30,0:00:54.91,Default,,0000,0000,0000,,1957年,一名计算机工程师Russell Kirsch Dialogue: 0,0:00:54.91,0:00:57.03,Default,,0000,0000,0000,,给他儿子拍了一张照片并扫描了下来 Dialogue: 0,0:00:57.03,0:01:01.05,Default,,0000,0000,0000,,这是第一张数字图像:有颗粒感的黑白婴儿照 Dialogue: 0,0:01:01.06,0:01:02.70,Default,,0000,0000,0000,,像素就这样诞生了 Dialogue: 0,0:01:02.70,0:01:07.32,Default,,0000,0000,0000,,像素是个有趣的概念,因为他们不容易被看到 Dialogue: 0,0:01:08.38,0:01:13.52,Default,,0000,0000,0000,,但实际上,如果你不断放大显示屏 Dialogue: 0,0:01:13.52,0:01:16.91,Default,,0000,0000,0000,,就会发现显示屏是由非常小的光点组成 Dialogue: 0,0:01:16.91,0:01:22.62,Default,,0000,0000,0000,,更有意思的是,每一个小光点是由更小的不同颜色光点构成 Dialogue: 0,0:01:22.62,0:01:24.05,Default,,0000,0000,0000,,光点颜色有红,绿,蓝 Dialogue: 0,0:01:24.90,0:01:27.70,Default,,0000,0000,0000,,从远处看,这些像素构成了图像 Dialogue: 0,0:01:27.70,0:01:31.20,Default,,0000,0000,0000,,从前面看,他们只是能够亮暗的光点 Dialogue: 0,0:01:31.20,0:01:36.35,Default,,0000,0000,0000,,正是他们构成了我们每天从电脑上看到的照片 Dialogue: 0,0:01:36.35,0:01:39.67,Default,,0000,0000,0000,,你总能听到一个词:分辨率 Dialogue: 0,0:01:39.67,0:01:43.26,Default,,0000,0000,0000,,计算机科学家和器材生产商都会提到它 Dialogue: 0,0:01:43.26,0:01:51.04,Default,,0000,0000,0000,,分辨率是一个二维值,用于表示屏幕上像素数 Dialogue: 0,0:01:51.04,0:01:54.40,Default,,0000,0000,0000,,当我还是个高中生的时候,分辨率只有640 x 480 Dialogue: 0,0:01:54.40,0:01:56.73,Default,,0000,0000,0000,,今天分辨率则大了很多 Dialogue: 0,0:01:56.73,0:01:59.60,Default,,0000,0000,0000,,除了分辨率以外,密度也很重要 Dialogue: 0,0:01:59.60,0:02:04.14,Default,,0000,0000,0000,,比如智能手机,在有相同像素的前提下 Dialogue: 0,0:02:04.14,0:02:07.97,Default,,0000,0000,0000,,像素密度更大的图像就更可以更细腻 Dialogue: 0,0:02:07.97,0:02:12.55,Default,,0000,0000,0000,,那么,如何在一个文件里存储这些像素值呢? Dialogue: 0,0:02:12.55,0:02:18.76,Default,,0000,0000,0000,,其实你只是存储了许多红绿蓝的三元数组 Dialogue: 0,0:02:18.76,0:02:21.06,Default,,0000,0000,0000,,他们则表示每一个像素 Dialogue: 0,0:02:22.20,0:02:26.41,Default,,0000,0000,0000,,像素的数值范围是0-255 Dialogue: 0,0:02:27.20,0:02:31.05,Default,,0000,0000,0000,,0非常暗,255非常亮 Dialogue: 0,0:02:31.20,0:02:35.35,Default,,0000,0000,0000,,这个三元数值一起表示一个像素 Dialogue: 0,0:02:37.60,0:02:41.69,Default,,0000,0000,0000,,一个图像文件,无论是JPEG,GIF 还是PNG Dialogue: 0,0:02:41.69,0:02:43.46,Default,,0000,0000,0000,,包含了百万级的红绿蓝三元值 Dialogue: 0,0:02:44.70,0:02:46.51,Default,,0000,0000,0000,,那么计算机是如何存储这些数据的呢? Dialogue: 0,0:02:46.51,0:02:49.74,Default,,0000,0000,0000,,所有视觉和计算数据是用bit(比特)表征 Dialogue: 0,0:02:49.74,0:02:52.28,Default,,0000,0000,0000,,每bit有两个状态:开和关 Dialogue: 0,0:02:52.28,0:02:57.24,Default,,0000,0000,0000,,计算机使用对应的1或0二元值 Dialogue: 0,0:02:57.24,0:03:00.90,Default,,0000,0000,0000,,所以图像是由一堆01数值构成的 Dialogue: 0,0:03:00.90,0:03:05.46,Default,,0000,0000,0000,,为什么RGB数值的范围是0到255呢? Dialogue: 0,0:03:05.47,0:03:09.36,Default,,0000,0000,0000,,每一个颜色频道是由8bit构成 Dialogue: 0,0:03:09.36,0:03:12.52,Default,,0000,0000,0000,,8bit构成一个1BYTE(字节) Dialogue: 0,0:03:12.52,0:03:14.21,Default,,0000,0000,0000,,如果你了解二元数值系统 Dialogue: 0,0:03:14.21,0:03:19.71,Default,,0000,0000,0000,,那么8bit最大的数值是255,也就是一行全是1 Dialogue: 0,0:03:20.81,0:03:23.90,Default,,0000,0000,0000,,最小的8bit数值是0,也就是一行全是0 Dialogue: 0,0:03:23.90,0:03:30.78,Default,,0000,0000,0000,,因此0到255对应了每个颜色通道里256个灰度值 Dialogue: 0,0:03:33.18,0:03:37.48,Default,,0000,0000,0000,,比如我们来表示青绿色的像素 Dialogue: 0,0:03:37.48,0:03:40.88,Default,,0000,0000,0000,,在传统的十进制数值系统里,64有些红 Dialogue: 0,0:03:40.88,0:03:44.87,Default,,0000,0000,0000,,224很绿,208比较蓝 Dialogue: 0,0:03:45.33,0:03:50.71,Default,,0000,0000,0000,,但是计算机会青绿色存储成01000000 Dialogue: 0,0:03:51.33,0:03:53.91,Default,,0000,0000,0000,,11100000 Dialogue: 0,0:03:53.92,0:03:56.77,Default,,0000,0000,0000,,11010000 Dialogue: 0,0:03:57.33,0:04:00.81,Default,,0000,0000,0000,,我们使用24个二进制值表示一个像素 Dialogue: 0,0:04:02.07,0:04:07.05,Default,,0000,0000,0000,,计算机系统通常使用16进制,而不是二进制来表示颜色 Dialogue: 0,0:04:07.35,0:04:14.80,Default,,0000,0000,0000,,所以我们只用6个十六进制表示同样的颜色:40 E0 D0 Dialogue: 0,0:04:14.80,0:04:16.18,Default,,0000,0000,0000,,这就短多了 Dialogue: 0,0:04:16.18,0:04:22.56,Default,,0000,0000,0000,,如果你想改变图像颜色,怎么办? Dialogue: 0,0:04:22.56,0:04:31.34,Default,,0000,0000,0000,,使用对应函数,输入为像素的红蓝绿数值 Dialogue: 0,0:04:31.34,0:04:35.89,Default,,0000,0000,0000,,然后将其对应成新的红蓝绿数值 Dialogue: 0,0:04:35.89,0:04:39.22,Default,,0000,0000,0000,,比如你想将图像变暗 Dialogue: 0,0:04:39.22,0:04:48.46,Default,,0000,0000,0000,,一种方法是用输入的红绿蓝数值减去50 Dialogue: 0,0:04:49.53,0:04:54.87,Default,,0000,0000,0000,,很明显,结果不能小于0,然后得到数值 Dialogue: 0,0:04:54.87,0:05:01.50,Default,,0000,0000,0000,,如果输入是RGB,那么输出是R-50,G-50,B-50 Dialogue: 0,0:05:01.50,0:05:06.42,Default,,0000,0000,0000,,你能看到输入图像是某个亮度,输出图像就变暗许多 Dialogue: 0,0:05:08.10,0:05:13.78,Default,,0000,0000,0000,,许多人可能没有意识到,Instagram不止是做图像滤镜 Dialogue: 0,0:05:13.78,0:05:17.55,Default,,0000,0000,0000,,或者仅仅把图片变酷 Dialogue: 0,0:05:18.53,0:05:20.73,Default,,0000,0000,0000,,他的愿景更加重要 Dialogue: 0,0:05:20.73,0:05:23.01,Default,,0000,0000,0000,,那就是如何将人们联系起来 Dialogue: 0,0:05:23.01,0:05:30.32,Default,,0000,0000,0000,,他也不只是看朋友家人的照片,我们希望看到世界的变化 Dialogue: 0,0:05:30.32,0:05:33.95,Default,,0000,0000,0000,,可能在海外,可能是社会活动 Dialogue: 0,0:05:33.95,0:05:37.00,Default,,0000,0000,0000,,你可以通过视觉图片的方式获知这些信息 Dialogue: 0,0:05:37.00,0:05:44.01,Default,,0000,0000,0000,,这才是我们快速成长并成为受欢迎媒介的原因 Dialogue: 0,0:05:44.01,0:05:45.97,Default,,0000,0000,0000,,学习更多尽在studio.code.org