0:00:00.518,0:00:02.408 Un poco de Pixels 0:00:09.373,0:00:10.073 ¡Bien! 0:00:11.634,0:00:14.104 Yo hice Instagram con mi socio Mike 0:00:14.302,0:00:18.662 inicialmente vimos al celular como[br]una oportunidad para crear algo nuevo 0:00:18.747,0:00:21.937 porque por primera vez la gente[br]cargaba una 0:00:21.982,0:00:23.352 computadora en el bolsillo. Y decidimos 0:00:23.415,0:00:25.235 que el compartir imagenes era la mas 0:00:25.372,0:00:27.392 grande oportunidad para los[br]siguientes 5 años 0:00:27.465,0:00:31.755 y una que llevamos con nosotros algo en[br]que nos gusta pasar el tiempo 0:00:32.042,0:00:35.472 Es grandioso decir que tienes una[br]aplicación o una idea que hace algo 0:00:35.535,0:00:39.535 pero amenos que solucione un problema[br]verdadero a la gente no lo va a usar 0:00:40.099,0:00:42.659 y la pregunta es[br]¿Que problema estas resolviendo? 0:00:44.690,0:00:46.160 cuando la gente se encuentra un problema 0:00:46.248,0:00:47.858 de como mostrar una imagen en la pantalla 0:00:47.967,0:00:50.647 tienen que encontrar la forma de[br]como presentar la imagen en datos 0:00:51.135,0:00:56.025 en 1957 un ingeniero de computación toma[br]la foto de su hijo y la escaneo fue la 0:00:56.111,0:01:00.291 primera imagen digital, una imagen[br]cuadrillada en blanco y negro 0:01:00.389,0:01:02.549 y asi fue como nacio el pixel 0:01:02.608,0:01:07.218 Pixeles son conceptos interesantes porque[br]no los puedes ver facilmente 0:01:08.120,0:01:12.430 pero actualmente si lo vez con una lupa[br]a la pantalla. puedes ver que la pantalla 0:01:12.508,0:01:17.768 tiene muchos puntos con luces lo que es[br]más importante es que esos puntos de 0:01:17.961,0:01:21.961 luces son actualmente muchos puntos[br]con luces de multiples colores 0:01:22.729,0:01:27.839 rojo, verde y azul. Ah Pixeles juntos[br]de lejos crean una imagen y por enfrente 0:01:27.915,0:01:30.905 solo son pequeñas luces prendidas y[br]apagadas y 0:01:31.100,0:01:34.690 la combinación de esos crean las imagenes[br]y lo que vez en la computadora cada dia 0:01:34.763,0:01:36.383 que usas la computadora 0:01:36.425,0:01:38.795 entonces escucharas el termino[br]resolución mucho 0:01:38.853,0:01:42.853 en ciencias de la computación, en fabricas[br]de aparatos hablan de ellos 0:01:43.268,0:01:48.588 Resolución es basicamente la dimención en[br]la que medimos cuantos pixeles hay en la 0:01:48.684,0:01:52.684 pantalla. Tiempo atrás cuando era[br]estudiante de secundaria 0:01:52.709,0:01:55.769 era 640 x480 y ahora ya es más grande 0:01:55.798,0:01:59.798 y luego es la pregunta no solo[br]en resolución pero tambien densidad 0:02:00.220,0:02:04.220 entonces en telefonos inteligentes es lo[br]mismo luces pequeñas llamados pixeles 0:02:04.287,0:02:07.557 pero en un espacio de densidad e eso te da[br]mejores imagenes 0:02:07.663,0:02:12.103 Ahora donde guardas esos valores de los[br]pixeles en el archivo 0:02:12.540,0:02:17.170 lo que haces es guardar valores rojo,[br]verde y azul en efectos triples 0:02:17.888,0:02:23.708 con diferentes valores que cada uno hace[br]un pixel, entonces los valores son 0:02:24.481,0:02:30.731 arreglados de 0 a 255 0 es muy obscuro[br]255 es muy brilloso 0:02:31.733,0:02:35.733 y trillizos de estos valores juntos[br]componen un pixel 0:02:37.673,0:02:40.963 un archivo de imagen ya sea[br]jpeg, gif, png etc. 0:02:41.058,0:02:43.548 completa millones de esos trillizos 0:02:43.783,0:02:45.873 ¿Como la computadora guarda[br]toda esos datos? 0:02:46.331,0:02:49.451 toda los datos en informática[br]son representados en BIT 0:02:49.800,0:02:52.840 un BIT tiene dos formas esta prendido[br]o apagado 0:02:52.928,0:02:55.748 pero en lugar de prendido o apagado[br]computadoras usan 1 y 0 0:02:56.153,0:03:00.153 binario, entonces un archivo de imagen es[br]un monton de unos y ceros 0:03:00.722,0:03:04.602 ¿Pero porque los valores RGB[br]van de 0 a 255? 0:03:05.965,0:03:08.855 Resulta que cada canal RGB se [br]representa por 8 bits 0:03:09.498,0:03:13.498 que juntos se llaman BYTE [br]y si sabes los numeros binarios 0:03:13.935,0:03:19.715 sabras que el maximo de 8 bits representa[br]255 que son igual a ocho 1 en linea 0:03:20.074,0:03:27.794 y lo minimo es cero o 8 ceros en linea[br]de tal manera 0 a 255 nos da 256 0:03:27.825,0:03:30.435 diferentes intensidades de color por canal 0:03:33.481,0:03:37.481 Podemos representar un pixel del color[br]turqueza por ejemplo y nuestra 0:03:37.986,0:03:41.586 base tradicional de sistema numerico es 64[br]por un poco de rojo 0:03:41.658,0:03:46.238 224 para mucho verde y 208 para el azul[br]pero una computadora 0:03:46.813,0:03:56.363 lo guarda como 01000000 11100000 11010000 0:03:57.245,0:04:00.955 usamos 24 digitales binarios para[br]representar este solo pixel 0:04:01.375,0:04:04.745 mejor que binario digitales artistas[br]regularmente usan 0:04:04.845,0:04:07.125 el sistema numerico Hexadecimal para[br]representar colores 0:04:07.292,0:04:11.292 podemos representar el mismo[br]color turqueza usando 6 digitos 0:04:11.844,0:04:15.844 Hexadecimales 40 E0 D0 que es mas corto 0:04:16.415,0:04:19.125 Digamos que quieres modificar los colores[br]de la imagen 0:04:19.231,0:04:21.041 ¿Cómo haces eso? 0:04:21.307,0:04:23.947 Basicamente hay maneras de[br]mapear funciones donde tomas 0:04:24.042,0:04:29.132 el valor de los pixeles y pones el valor[br]de rojo, verde y azul que representa 0:04:29.163,0:04:33.163 ese color recuerda y lluego lo mapeas[br]usando una Funcion a un nuevo 0:04:33.217,0:04:37.967 valor de rojo, verde, y azul. Digamos[br]que quieres uan imagen más obscura 0:04:38.973,0:04:42.693 una forma de hacer eso tomando los valores[br]el rojo, verde y azul 0:04:42.803,0:04:49.653 que entran y substraimos de cada uno[br]valor X de 50 obiamente no puedes 0:04:49.786,0:04:54.536 hacer menos que cero pero solo subtraes[br]50 de cada uno y eso es el resultado 0:04:54.723,0:04:58.933 entonces el entrante es RGB y el[br]resultado es R menos 50, G menos 50 0:04:59.052,0:05:03.702 y B menos 50.Y lo que vez es[br]tomaste una imagen con cierto brillo y 0:05:03.778,0:05:06.948 obtuviste una imagen más obscura de[br]brillo 0:05:08.002,0:05:11.082 Lo que mucha gente no se da cuenta de[br]Instagram es que inicialmente 0:05:11.200,0:05:15.860 la gente penso que era llenar una imagen[br]hacer que las imagenes se vieran padres 0:05:15.934,0:05:17.874 en diferentes formas o antiguas 0:05:18.176,0:05:20.696 y lo que aumento es en algo mas[br]importante 0:05:20.750,0:05:23.170 la forma en [br]que la gente se conecta 0:05:23.200,0:05:27.390 y no es solo ver fotos de tus amigos o[br]familia sino actualmente 0:05:27.505,0:05:31.625 es la disponibilidad de descubrir cosas[br]alrededor de ti o del mundo 0:05:31.785,0:05:33.855 ya sea una huelga del otro lado del mundo 0:05:33.866,0:05:37.266 un movimiento social. Eres basicamente[br]capaz de consumir esa informacion 0:05:37.297,0:05:38.337 en una manera visual 0:05:38.737,0:05:40.847 y eso nos dio la oportunidad de crecer[br]rapidamente y ser una 0:05:40.886,0:05:41.736 plataforma universal