YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish subtitles

← Instagram's Kevin Systrom explains pixels and how filters work

Get Embed Code
17 Languages

Showing Revision 2 created 12/10/2015 by Ame.

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