Conceptos interesantes 1: Píxeles + Resolución.

Para el que dibuje en ordenador, o para el que quiera imprimir una foto,  es importante entender estos dos conceptos básicos: Pixeles y resolución.

Son muy simples. Pero como todo, requiere un poco de atención. Y sobre todo…, ¡hay que tener curiosidad por entenderlos!

1.- CONCEPTOS BÁSICOS: 

1.1- Pixel: Es un cuadradito, donde se guarda la información del color.

1.2- Dibujo: Se compone de muchos pixeles, uno al  lado de otro.  Todos ellos juntos, forman visualmente un dibujo.

1.3- Resolución: px/pulg. Número de píxeles que hay en una pulgada (2,5cm).

RESOLUCIÓN(ppp) = Nº DE PIXELES / DIMENSIÓN DE DIBUJO (pulg)

2.- RESOLUCIONES A TENER EN CUENTA: 

2.1- Resolución mínima para imprimir adecuadamente: 240 ppp.

2.2- Resolución mínima para ver adecuadamente en pantalla y para subir archivos a la red: 72 ppp.

Esta resolución es la óptima para subir archivos a la red, ya que ocupan poco sitio. Si seguimos esta regla, nuestra página web será más ágil.

pixeles-2b

3.- EJERCICIO 1:

Vamos a crear un dibujo de 100 px * 100 px, con una resolución de 300 px/pulg.

Esta es una resolución adecuada para imprimir el dibujo correctamente.

3.1- Pero… ¿Cuál es la dimensión que tiene actualmente nuestro dibujo?

DIMENSIÓN DEL DIBUJO = Nº PIXELES /RESOLUCION =

100 / 300 = 0.33 pulg * 2.5 cm = 0.83 cm

3.2- Para imprimirlo correctamente, se puede bajar la resolución de 240 ppp.

DIMENSIÓN PARA IMPRIMIR = Nº PIXELES / RESOLUCIÓN =

100 / 240 = 0.41 pulg * 2.5 cm = 1.04 cm.

Esto quiere decir, que si bajamos la resolución de nuestra foto o dibujo a 240ppp, podemos imprimirlo como máximo con un tamaño de 1,04 cm.

¡Vamos a pararnos y a observar! Si seguimos aumentando la dimensión del dibujo, bajamos la resolución. Con lo cual, se pierde la resolución necesaria para imprimir.

3.3- Para verlo en pantalla, bajamos la resolución hasta 72ppp.

DIMENSIÓN PARA VISUALIZAR EN PANTALLA = Nº PIXELES / RESOLUCIÓN =

100 / 72 = 1.38  pulg * 2.5 cm = 3.47  cm.

Si seguimos disminuyendo la resolución, ya el dibujo no se vería bien en pantalla. Se verían los cuadritos, y el dibujo perdería definición.

pixeles-3b

4.- EJERCICIO 2:

Ahora vamos  a crear un dibujo de 300 px * 300 px, con una resolución de 300 px/pulg.

4.1- DIMENSIÓN DEL DIBUJO= Nº PIXELES / RESOLUCIÓN =

  300 / 300 = 1 pulg * 2.5 cm = 2.5 cm

4.2- DIMENSIÓN PARA IMPRIMIR= Nº PIXELES / RESOLUCIÓN =

300 / 240 = 1.25 pulg * 2.5 cm = 3.125 cm.

4.3- DIMENSIÓN PARA VISUALIZAR EN PANTALLA= Nº PIXELES / RESOLUCIÓN =

300 / 72 = 4.16 pulg * 2.5 cm = 10.4  cm.

pixeles-4b

5.- EJERCICIO 3:

Para finalizar, vamos a crear un dibujo de 100px * 100 px, con una Resolución de 72 px/pulg.

Este dibujo no es válido para imprimir. Ya que, se notarán los cuadritos. Solo tenemos 72 px en cada pulgada.

DIMENSIÓN PARA VISUALIZAR EN PANTALLA = Nº PIXELES / RESOLUCIÓN =

100 / 72 = 1.38  pulg * 2.5 cm = 3.47  cm.

pixeles-5C

Para entenderlo de forma más visual, podemos pensar, que si agrandamos el dibujo, estamos estirando el pixel. Con lo cual, perdemos resolución.

Y en cambio si lo hacemos más pequeño, comprimimos el pixel. Con lo cual, el pixel guarda toda su información.

6.- SEGUIMOS APRENDIENDO UN POCO MÁS:

6.1- Tenemos que ser conscientes, que para el que dibuja, trabajar en una resolución o en ota, requiere el mismo trabajo.

La única desventaja que tiene el dibujar a alta resolución, es que el documento ocupa más.

¡Pero cuidado! Si se dibuja a baja resolución, ya no hay marcha atrás. No se podrá imprimir un dibujo de calidad.

6.2- Proporciones:

Siempre que vamos a imprimir fotos a una tienda de fotografía, o a imprimir un dibujo en una imprenta, nos preguntan si lo queremos en 7*5, 10*15…

Estos números no son medidas (cm), son proporciones entre ancho y alto.

6.3- Diferentes modos de color:

Cuando trabajamos con programas tipo Photoshop, tenemos diferentes modos de color:

RGB, CMYK: Es adecuado para imprimir.

SRGB: Es adecuado para visualizar en pantalla.