[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.52,0:00:02.41,Default,,0000,0000,0000,,Un poco de Pixels Dialogue: 0,0:00:09.37,0:00:10.07,Default,,0000,0000,0000,,¡Bien! Dialogue: 0,0:00:11.63,0:00:14.10,Default,,0000,0000,0000,,Yo hice Instagram con mi socio Mike Dialogue: 0,0:00:14.30,0:00:18.66,Default,,0000,0000,0000,,inicialmente vimos al celular como\Nuna oportunidad para crear algo nuevo Dialogue: 0,0:00:18.75,0:00:21.94,Default,,0000,0000,0000,,porque por primera vez la gente\Ncargaba una Dialogue: 0,0:00:21.98,0:00:23.35,Default,,0000,0000,0000,,computadora en el bolsillo. Y decidimos Dialogue: 0,0:00:23.42,0:00:25.24,Default,,0000,0000,0000,,que el compartir imagenes era la mas Dialogue: 0,0:00:25.37,0:00:27.39,Default,,0000,0000,0000,,grande oportunidad para los\Nsiguientes 5 años Dialogue: 0,0:00:27.46,0:00:31.76,Default,,0000,0000,0000,,y una que llevamos con nosotros algo en\Nque nos gusta pasar el tiempo Dialogue: 0,0:00:32.04,0:00:35.47,Default,,0000,0000,0000,,Es grandioso decir que tienes una\Naplicación o una idea que hace algo Dialogue: 0,0:00:35.54,0:00:39.54,Default,,0000,0000,0000,,pero amenos que solucione un problema\Nverdadero a la gente no lo va a usar Dialogue: 0,0:00:40.10,0:00:42.66,Default,,0000,0000,0000,,y la pregunta es\N¿Que problema estas resolviendo? Dialogue: 0,0:00:44.69,0:00:46.16,Default,,0000,0000,0000,,cuando la gente se encuentra un problema Dialogue: 0,0:00:46.25,0:00:47.86,Default,,0000,0000,0000,,de como mostrar una imagen en la pantalla Dialogue: 0,0:00:47.97,0:00:50.65,Default,,0000,0000,0000,,tienen que encontrar la forma de\Ncomo presentar la imagen en datos Dialogue: 0,0:00:51.14,0:00:56.02,Default,,0000,0000,0000,,en 1957 un ingeniero de computación toma\Nla foto de su hijo y la escaneo fue la Dialogue: 0,0:00:56.11,0:01:00.29,Default,,0000,0000,0000,,primera imagen digital, una imagen\Ncuadrillada en blanco y negro Dialogue: 0,0:01:00.39,0:01:02.55,Default,,0000,0000,0000,,y asi fue como nacio el pixel Dialogue: 0,0:01:02.61,0:01:07.22,Default,,0000,0000,0000,,Pixeles son conceptos interesantes porque\Nno los puedes ver facilmente Dialogue: 0,0:01:08.12,0:01:12.43,Default,,0000,0000,0000,,pero actualmente si lo vez con una lupa\Na la pantalla. puedes ver que la pantalla Dialogue: 0,0:01:12.51,0:01:17.77,Default,,0000,0000,0000,,tiene muchos puntos con luces lo que es\Nmás importante es que esos puntos de Dialogue: 0,0:01:17.96,0:01:21.96,Default,,0000,0000,0000,,luces son actualmente muchos puntos\Ncon luces de multiples colores Dialogue: 0,0:01:22.73,0:01:27.84,Default,,0000,0000,0000,,rojo, verde y azul. Ah Pixeles juntos\Nde lejos crean una imagen y por enfrente Dialogue: 0,0:01:27.92,0:01:30.90,Default,,0000,0000,0000,,solo son pequeñas luces prendidas y\Napagadas y Dialogue: 0,0:01:31.10,0:01:34.69,Default,,0000,0000,0000,,la combinación de esos crean las imagenes\Ny lo que vez en la computadora cada dia Dialogue: 0,0:01:34.76,0:01:36.38,Default,,0000,0000,0000,,que usas la computadora Dialogue: 0,0:01:36.42,0:01:38.80,Default,,0000,0000,0000,,entonces escucharas el termino\Nresolución mucho Dialogue: 0,0:01:38.85,0:01:42.85,Default,,0000,0000,0000,,en ciencias de la computación, en fabricas\Nde aparatos hablan de ellos Dialogue: 0,0:01:43.27,0:01:48.59,Default,,0000,0000,0000,,Resolución es basicamente la dimención en\Nla que medimos cuantos pixeles hay en la Dialogue: 0,0:01:48.68,0:01:52.68,Default,,0000,0000,0000,,pantalla. Tiempo atrás cuando era\Nestudiante de secundaria Dialogue: 0,0:01:52.71,0:01:55.77,Default,,0000,0000,0000,,era 640 x480 y ahora ya es más grande Dialogue: 0,0:01:55.80,0:01:59.80,Default,,0000,0000,0000,,y luego es la pregunta no solo\Nen resolución pero tambien densidad Dialogue: 0,0:02:00.22,0:02:04.22,Default,,0000,0000,0000,,entonces en telefonos inteligentes es lo\Nmismo luces pequeñas llamados pixeles Dialogue: 0,0:02:04.29,0:02:07.56,Default,,0000,0000,0000,,pero en un espacio de densidad e eso te da\Nmejores imagenes Dialogue: 0,0:02:07.66,0:02:12.10,Default,,0000,0000,0000,,Ahora donde guardas esos valores de los\Npixeles en el archivo Dialogue: 0,0:02:12.54,0:02:17.17,Default,,0000,0000,0000,,lo que haces es guardar valores rojo,\Nverde y azul en efectos triples Dialogue: 0,0:02:17.89,0:02:23.71,Default,,0000,0000,0000,,con diferentes valores que cada uno hace\Nun pixel, entonces los valores son Dialogue: 0,0:02:24.48,0:02:30.73,Default,,0000,0000,0000,,arreglados de 0 a 255 0 es muy obscuro\N255 es muy brilloso Dialogue: 0,0:02:31.73,0:02:35.73,Default,,0000,0000,0000,,y trillizos de estos valores juntos\Ncomponen un pixel Dialogue: 0,0:02:37.67,0:02:40.96,Default,,0000,0000,0000,,un archivo de imagen ya sea\Njpeg, gif, png etc. Dialogue: 0,0:02:41.06,0:02:43.55,Default,,0000,0000,0000,,completa millones de esos trillizos Dialogue: 0,0:02:43.78,0:02:45.87,Default,,0000,0000,0000,,¿Como la computadora guarda\Ntoda esos datos? Dialogue: 0,0:02:46.33,0:02:49.45,Default,,0000,0000,0000,,toda los datos en informática\Nson representados en BIT Dialogue: 0,0:02:49.80,0:02:52.84,Default,,0000,0000,0000,,un BIT tiene dos formas esta prendido\No apagado Dialogue: 0,0:02:52.93,0:02:55.75,Default,,0000,0000,0000,,pero en lugar de prendido o apagado\Ncomputadoras usan 1 y 0 Dialogue: 0,0:02:56.15,0:03:00.15,Default,,0000,0000,0000,,binario, entonces un archivo de imagen es\Nun monton de unos y ceros Dialogue: 0,0:03:00.72,0:03:04.60,Default,,0000,0000,0000,,¿Pero porque los valores RGB\Nvan de 0 a 255? Dialogue: 0,0:03:05.96,0:03:08.86,Default,,0000,0000,0000,,Resulta que cada canal RGB se \Nrepresenta por 8 bits Dialogue: 0,0:03:09.50,0:03:13.50,Default,,0000,0000,0000,,que juntos se llaman BYTE \Ny si sabes los numeros binarios Dialogue: 0,0:03:13.94,0:03:19.72,Default,,0000,0000,0000,,sabras que el maximo de 8 bits representa\N255 que son igual a ocho 1 en linea Dialogue: 0,0:03:20.07,0:03:27.79,Default,,0000,0000,0000,,y lo minimo es cero o 8 ceros en linea\Nde tal manera 0 a 255 nos da 256 Dialogue: 0,0:03:27.82,0:03:30.44,Default,,0000,0000,0000,,diferentes intensidades de color por canal Dialogue: 0,0:03:33.48,0:03:37.48,Default,,0000,0000,0000,,Podemos representar un pixel del color\Nturqueza por ejemplo y nuestra Dialogue: 0,0:03:37.99,0:03:41.59,Default,,0000,0000,0000,,base tradicional de sistema numerico es 64\Npor un poco de rojo Dialogue: 0,0:03:41.66,0:03:46.24,Default,,0000,0000,0000,,224 para mucho verde y 208 para el azul\Npero una computadora Dialogue: 0,0:03:46.81,0:03:56.36,Default,,0000,0000,0000,,lo guarda como 01000000 11100000 11010000 Dialogue: 0,0:03:57.24,0:04:00.96,Default,,0000,0000,0000,,usamos 24 digitales binarios para\Nrepresentar este solo pixel Dialogue: 0,0:04:01.38,0:04:04.74,Default,,0000,0000,0000,,mejor que binario digitales artistas\Nregularmente usan Dialogue: 0,0:04:04.84,0:04:07.12,Default,,0000,0000,0000,,el sistema numerico Hexadecimal para\Nrepresentar colores Dialogue: 0,0:04:07.29,0:04:11.29,Default,,0000,0000,0000,,podemos representar el mismo\Ncolor turqueza usando 6 digitos Dialogue: 0,0:04:11.84,0:04:15.84,Default,,0000,0000,0000,,Hexadecimales 40 E0 D0 que es mas corto Dialogue: 0,0:04:16.42,0:04:19.12,Default,,0000,0000,0000,,Digamos que quieres modificar los colores\Nde la imagen Dialogue: 0,0:04:19.23,0:04:21.04,Default,,0000,0000,0000,,¿Cómo haces eso? Dialogue: 0,0:04:21.31,0:04:23.95,Default,,0000,0000,0000,,Basicamente hay maneras de\Nmapear funciones donde tomas Dialogue: 0,0:04:24.04,0:04:29.13,Default,,0000,0000,0000,,el valor de los pixeles y pones el valor\Nde rojo, verde y azul que representa Dialogue: 0,0:04:29.16,0:04:33.16,Default,,0000,0000,0000,,ese color recuerda y lluego lo mapeas\Nusando una Funcion a un nuevo Dialogue: 0,0:04:33.22,0:04:37.97,Default,,0000,0000,0000,,valor de rojo, verde, y azul. Digamos\Nque quieres uan imagen más obscura Dialogue: 0,0:04:38.97,0:04:42.69,Default,,0000,0000,0000,,una forma de hacer eso tomando los valores\Nel rojo, verde y azul Dialogue: 0,0:04:42.80,0:04:49.65,Default,,0000,0000,0000,,que entran y substraimos de cada uno\Nvalor X de 50 obiamente no puedes Dialogue: 0,0:04:49.79,0:04:54.54,Default,,0000,0000,0000,,hacer menos que cero pero solo subtraes\N50 de cada uno y eso es el resultado Dialogue: 0,0:04:54.72,0:04:58.93,Default,,0000,0000,0000,,entonces el entrante es RGB y el\Nresultado es R menos 50, G menos 50 Dialogue: 0,0:04:59.05,0:05:03.70,Default,,0000,0000,0000,,y B menos 50.Y lo que vez es\Ntomaste una imagen con cierto brillo y Dialogue: 0,0:05:03.78,0:05:06.95,Default,,0000,0000,0000,,obtuviste una imagen más obscura de\Nbrillo Dialogue: 0,0:05:08.00,0:05:11.08,Default,,0000,0000,0000,,Lo que mucha gente no se da cuenta de\NInstagram es que inicialmente Dialogue: 0,0:05:11.20,0:05:15.86,Default,,0000,0000,0000,,la gente penso que era llenar una imagen\Nhacer que las imagenes se vieran padres Dialogue: 0,0:05:15.93,0:05:17.87,Default,,0000,0000,0000,,en diferentes formas o antiguas Dialogue: 0,0:05:18.18,0:05:20.70,Default,,0000,0000,0000,,y lo que aumento es en algo mas\Nimportante Dialogue: 0,0:05:20.75,0:05:23.17,Default,,0000,0000,0000,,la forma en \Nque la gente se conecta Dialogue: 0,0:05:23.20,0:05:27.39,Default,,0000,0000,0000,,y no es solo ver fotos de tus amigos o\Nfamilia sino actualmente Dialogue: 0,0:05:27.50,0:05:31.62,Default,,0000,0000,0000,,es la disponibilidad de descubrir cosas\Nalrededor de ti o del mundo Dialogue: 0,0:05:31.78,0:05:33.86,Default,,0000,0000,0000,,ya sea una huelga del otro lado del mundo Dialogue: 0,0:05:33.87,0:05:37.27,Default,,0000,0000,0000,,un movimiento social. Eres basicamente\Ncapaz de consumir esa informacion Dialogue: 0,0:05:37.30,0:05:38.34,Default,,0000,0000,0000,,en una manera visual Dialogue: 0,0:05:38.74,0:05:40.85,Default,,0000,0000,0000,,y eso nos dio la oportunidad de crecer\Nrapidamente y ser una Dialogue: 0,0:05:40.89,0:05:41.74,Default,,0000,0000,0000,,plataforma universal