Una imagen digital no guarda «dibujos»: guarda una rejilla de puntos, y cada punto (píxel) es una lista de números. Tu misión: pintar píxeles, mirar los números que los forman y calcular cuánto ocupa una imagen.
Haz esto: (1) Mueve los deslizadores R, G y B y mira el color. (2) Pinta algunos píxeles. (3) Cambia a «Mirar» y pulsa un píxel: verás sus tres números. (4) En el contador de abajo, cambia la resolución y los bits por píxel. (5) Haz la autoevaluación.
Una imagen de 16 × 16 píxeles
La rejilla
Son 16 × 16 = 256 píxeles. Cada cuadradito es un píxel.
El color del pincel
¿Cuánto ocupa una imagen sin comprimir?
Peso = ancho × alto × bytes por píxel. Cambia los datos.
Autoevaluación: ¿lo has entendido?
Cinco preguntas, sin trampas ni nota para nadie: solo para que tú sepas si has aprendido. Se pueden repetir con números nuevos.
Preguntas de comprobación
1. ¿Qué tres números guarda cada píxel y entre qué valores van?
La cantidad de rojo (R), de verde (G) y de azul (B). Cada una va de 0 a 255, o sea, un byte por color.
2. ¿Cuántos bits ocupa un píxel con tres colores de un byte cada uno?
3 bytes = 3 × 8 = 24 bits.
3. ¿Cuántos bytes ocupa, sin comprimir, una imagen de 320 × 240 píxeles a 24 bits por píxel?
320 × 240 × 3 = 230 400 bytes.
Y ahora, una pregunta
Una foto de 12 megapíxeles sin comprimir ocuparía unos 36 MB, pero la foto de tu móvil pesa unos 4 MB. ¿Cómo es posible?
Eso lo resolvemos en clase. Todo ocurre en tu navegador y no se envía ningún dato.