Return to Video

Instagram's Kevin Systrom explains pixels and how filters work

  • 0:01 - 0:02
    Un poco de Pixels
  • 0:09 - 0:10
    ¡Bien!
  • 0:12 - 0:14
    Yo hice Instagram con mi socio Mike
  • 0:14 - 0:19
    inicialmente vimos al celular como
    una oportunidad para crear algo nuevo
  • 0:19 - 0:22
    porque por primera vez la gente
    cargaba una
  • 0:22 - 0:23
    computadora en el bolsillo. Y decidimos
  • 0:23 - 0:25
    que el compartir imagenes era la mas
  • 0:25 - 0:27
    grande oportunidad para los
    siguientes 5 años
  • 0:27 - 0:32
    y una que llevamos con nosotros algo en
    que nos gusta pasar el tiempo
  • 0:32 - 0:35
    Es grandioso decir que tienes una
    aplicación o una idea que hace algo
  • 0:36 - 0:40
    pero amenos que solucione un problema
    verdadero a la gente no lo va a usar
  • 0:40 - 0:43
    y la pregunta es
    ¿Que problema estas resolviendo?
  • 0:45 - 0:46
    cuando la gente se encuentra un problema
  • 0:46 - 0:48
    de como mostrar una imagen en la pantalla
  • 0:48 - 0:51
    tienen que encontrar la forma de
    como presentar la imagen en datos
  • 0:51 - 0:56
    en 1957 un ingeniero de computación toma
    la foto de su hijo y la escaneo fue la
  • 0:56 - 1:00
    primera imagen digital, una imagen
    cuadrillada en blanco y negro
  • 1:00 - 1:03
    y asi fue como nacio el pixel
  • 1:03 - 1:07
    Pixeles son conceptos interesantes porque
    no los puedes ver facilmente
  • 1:08 - 1:12
    pero actualmente si lo vez con una lupa
    a la pantalla. puedes ver que la pantalla
  • 1:13 - 1:18
    tiene muchos puntos con luces lo que es
    más importante es que esos puntos de
  • 1:18 - 1:22
    luces son actualmente muchos puntos
    con luces de multiples colores
  • 1:23 - 1:28
    rojo, verde y azul. Ah Pixeles juntos
    de lejos crean una imagen y por enfrente
  • 1:28 - 1:31
    solo son pequeñas luces prendidas y
    apagadas y
  • 1:31 - 1:35
    la combinación de esos crean las imagenes
    y lo que vez en la computadora cada dia
  • 1:35 - 1:36
    que usas la computadora
  • 1:36 - 1:39
    entonces escucharas el termino
    resolución mucho
  • 1:39 - 1:43
    en ciencias de la computación, en fabricas
    de aparatos hablan de ellos
  • 1:43 - 1:49
    Resolución es basicamente la dimención en
    la que medimos cuantos pixeles hay en la
  • 1:49 - 1:53
    pantalla. Tiempo atrás cuando era
    estudiante de secundaria
  • 1:53 - 1:56
    era 640 x480 y ahora ya es más grande
  • 1:56 - 2:00
    y luego es la pregunta no solo
    en resolución pero tambien densidad
  • 2:00 - 2:04
    entonces en telefonos inteligentes es lo
    mismo luces pequeñas llamados pixeles
  • 2:04 - 2:08
    pero en un espacio de densidad e eso te da
    mejores imagenes
  • 2:08 - 2:12
    Ahora donde guardas esos valores de los
    pixeles en el archivo
  • 2:13 - 2:17
    lo que haces es guardar valores rojo,
    verde y azul en efectos triples
  • 2:18 - 2:24
    con diferentes valores que cada uno hace
    un pixel, entonces los valores son
  • 2:24 - 2:31
    arreglados de 0 a 255 0 es muy obscuro
    255 es muy brilloso
  • 2:32 - 2:36
    y trillizos de estos valores juntos
    componen un pixel
  • 2:38 - 2:41
    un archivo de imagen ya sea
    jpeg, gif, png etc.
  • 2:41 - 2:44
    completa millones de esos trillizos
  • 2:44 - 2:46
    ¿Como la computadora guarda
    toda esos datos?
  • 2:46 - 2:49
    toda los datos en informática
    son representados en BIT
  • 2:50 - 2:53
    un BIT tiene dos formas esta prendido
    o apagado
  • 2:53 - 2:56
    pero en lugar de prendido o apagado
    computadoras usan 1 y 0
  • 2:56 - 3:00
    binario, entonces un archivo de imagen es
    un monton de unos y ceros
  • 3:01 - 3:05
    ¿Pero porque los valores RGB
    van de 0 a 255?
  • 3:06 - 3:09
    Resulta que cada canal RGB se
    representa por 8 bits
  • 3:09 - 3:13
    que juntos se llaman BYTE
    y si sabes los numeros binarios
  • 3:14 - 3:20
    sabras que el maximo de 8 bits representa
    255 que son igual a ocho 1 en linea
  • 3:20 - 3:28
    y lo minimo es cero o 8 ceros en linea
    de tal manera 0 a 255 nos da 256
  • 3:28 - 3:30
    diferentes intensidades de color por canal
  • 3:33 - 3:37
    Podemos representar un pixel del color
    turqueza por ejemplo y nuestra
  • 3:38 - 3:42
    base tradicional de sistema numerico es 64
    por un poco de rojo
  • 3:42 - 3:46
    224 para mucho verde y 208 para el azul
    pero una computadora
  • 3:47 - 3:56
    lo guarda como 01000000 11100000 11010000
  • 3:57 - 4:01
    usamos 24 digitales binarios para
    representar este solo pixel
  • 4:01 - 4:05
    mejor que binario digitales artistas
    regularmente usan
  • 4:05 - 4:07
    el sistema numerico Hexadecimal para
    representar colores
  • 4:07 - 4:11
    podemos representar el mismo
    color turqueza usando 6 digitos
  • 4:12 - 4:16
    Hexadecimales 40 E0 D0 que es mas corto
  • 4:16 - 4:19
    Digamos que quieres modificar los colores
    de la imagen
  • 4:19 - 4:21
    ¿Cómo haces eso?
  • 4:21 - 4:24
    Basicamente hay maneras de
    mapear funciones donde tomas
  • 4:24 - 4:29
    el valor de los pixeles y pones el valor
    de rojo, verde y azul que representa
  • 4:29 - 4:33
    ese color recuerda y lluego lo mapeas
    usando una Funcion a un nuevo
  • 4:33 - 4:38
    valor de rojo, verde, y azul. Digamos
    que quieres uan imagen más obscura
  • 4:39 - 4:43
    una forma de hacer eso tomando los valores
    el rojo, verde y azul
  • 4:43 - 4:50
    que entran y substraimos de cada uno
    valor X de 50 obiamente no puedes
  • 4:50 - 4:55
    hacer menos que cero pero solo subtraes
    50 de cada uno y eso es el resultado
  • 4:55 - 4:59
    entonces el entrante es RGB y el
    resultado es R menos 50, G menos 50
  • 4:59 - 5:04
    y B menos 50.Y lo que vez es
    tomaste una imagen con cierto brillo y
  • 5:04 - 5:07
    obtuviste una imagen más obscura de
    brillo
  • 5:08 - 5:11
    Lo que mucha gente no se da cuenta de
    Instagram es que inicialmente
  • 5:11 - 5:16
    la gente penso que era llenar una imagen
    hacer que las imagenes se vieran padres
  • 5:16 - 5:18
    en diferentes formas o antiguas
  • 5:18 - 5:21
    y lo que aumento es en algo mas
    importante
  • 5:21 - 5:23
    la forma en
    que la gente se conecta
  • 5:23 - 5:27
    y no es solo ver fotos de tus amigos o
    familia sino actualmente
  • 5:28 - 5:32
    es la disponibilidad de descubrir cosas
    alrededor de ti o del mundo
  • 5:32 - 5:34
    ya sea una huelga del otro lado del mundo
  • 5:34 - 5:37
    un movimiento social. Eres basicamente
    capaz de consumir esa informacion
  • 5:37 - 5:38
    en una manera visual
  • 5:39 - 5:41
    y eso nos dio la oportunidad de crecer
    rapidamente y ser una
  • 5:41 - 5:42
    plataforma universal
Title:
Instagram's Kevin Systrom explains pixels and how filters work
Description:

more » « less
Video Language:
English
Duration:
05:50

Spanish subtitles

Revisions Compare revisions