Herramientas de visibilizacin en

Internet

3. Indicativos para saber distinguir una foto con calidad suficiente para publicar

Calidad y resolucin de imgenes

Uno de los detalles ms importantes en cuanto a visibilizacin se refiere es saber usar
imgenes que no se pixelen o queden con una calidad que no llegue a lo deseable. La
foto de la pgina anterior tiene un tamao de 200x200 y una resolucin de 300 ppp
(pxeles por pulgada), pero sabemos de lo que hablamos? dominamos este tema como
para saber qu le ocurre a una imagen que creemos buena para nuestro trabajo?

Terminologa
Cuando hablamos de la resolucin de una imagen para pantalla, tenemos los
trminos: PPI (En ingls points per inch) o en espaol PPP (Pixeles por pulgada).

Cuantos ms pxeles representados en pantalla o puntos impresos existan por rea,

mayor ser la resolucin de la imagen. Cuantos menos pxeles o puntos existan, menor
ser la resolucin.
El concepto de resolucin es confuso de entender en imagen digital porque se utiliza
refirindose a elementos diferentes:
1. La resolucin en la impresin en papel de imgenes digitales viene dada por el
nmero de puntos impresos por unidad de superficie.
2. En una imagen digital la resolucin depende del nmero de pxeles por unidad de
superficie.
3. La resolucin de pantalla de un monitor se expresa con la multiplicacin del
nmero de columnas y filas de pxeles. 1280x800, 1024x768 1920x1080 son
diversas resoluciones de pantalla segn el tamao.
Cuando utilicemos el trmino resolucin de la imagen digital nos referimos a la
cantidad de pxeles por unidad de superficie (Caso 2). Se suele utilizar como unidad la
pulgada cuadrada (una pulgada es igual a 2,54 cm) y as nos encontramos que una
imagen puede tener una resolucin de 72x72 ppp (pxeles por pulgada), 150 ppp 300

ppp.

Resolucin de la imagen
La calidad de una imagen est directamente relacionada con la resolucin que tiene: a
mayor resolucin mayor calidad de imagen. Si una imagen tiene una resolucin de 200
ppp, en cada pulgada cuadrada nos encontramos la cantidad de 200 x 200 pxeles, lo que
nos da un resultado de 40.000 pxeles que contienen la informacin digital de esa
imagen. Si esa misma imagen tiene una resolucin de 72 ppp, la informacin digital est
contenida en 5.184 pxeles, con lo que la calidad de la imagen ser menor: menor
resolucin, menor informacin y menor detalle.
Para poder comprender mejor este aspecto es necesario diferenciar los conceptos que
estamos tratando: tamao de la imagen, resolucin de la imagen y tamao del archivo.
El tamao de la imagen depende de sus dimensiones (anchura y altura) medidas en
pxeles u otras unidades: puntos, picas, milmetros...
La resolucin de la imagen la expresamos en pxeles por pulgada. A mayor resolucin
ms pxeles caben en una pulgada y menor ser el tamao de los pxeles.
El tamao del archivo de la imagen, como unidad de informacin digitalizada se
expresa en bytes, kilobytes, etc. A mayor tamao de imagen (ms pxeles contiene la
imagen), mayor tamao y peso del archivo.

Cundo utilizar una u otra resolucin?

Depender del destino final de la imagen sobre la que estemos trabajando. Si vamos a
utilizar las imgenes exclusivamente en la pantalla del ordenador deberemos tener
en cuenta la resolucin de la pantalla, con una resolucin de 72 pxeles por pulgada
tendremos suficiente. Si vamos a imprimirla, cuanto mayor sea la resolucin de la
imagen, mejor ser la calidad y mayor el detalle que veremos dentro de unas lneas.
Pero no debemos caer en el habitual error de escanear o digitalizar una imagen a la
mayor resolucin posible para asegurar una mejor calidad de imagen. Ms bien hay que
tener en cuenta que, al tener gran tamao, nos costar ms procesarla digitalmente.
Debemos plantearnos un par de preguntas antes de decidir la resolucin ptima para
digitalizar una imagen.
Cul ser la finalidad de la imagen, la terminar imprimiendo o slo en web?
Cules son las dimensiones reales de la imagen final?
Si la imagen final va a ir destinada a la impresin en papel o en PDF (impresin
digital), por norma general se suele utilizar la siguiente regla: un mnimo de 150ppp y un
mximo de 300ppp ya que no sera perceptible por el ojo humano una cantidad
superior.
Si la imagen final va a tener mayor tamao que la imagen original, necesitaremos mayor

cantidad de informacin al escanear (mayor resolucin) y si la imagen final va a ser de

menor tamao, bastar con una resolucin menor. Por ejemplo:
Si escaneamos una imagen de 6 x 4 centmetros con una resolucin de 300 ppp y
queremos que nuestra imagen final sea de 12 x 8 cm, debemos utilizar una resolucin de
600 ppp. Aplicamos esta regla a la inversa cuando la imagen final tenga menor tamao
que el original.

Qu pasa si pongo una imagen a ms de 72 dpi en un blog? El archivo queda con

ms informacin de la necesaria. En pantalla no alcanzamos a percibir diferencias entre
una imagen que posee 72 dpi y la misma a una resolucin mayor. Pero de inmediato se
notan diferencias cuando es la imagen posee una resolucin menor a 72 dpi. Esto se
debe al tamao del pixel en pantalla y la homogeneidad del tramado.
Al usar una imagen de ms de 72 dpi en un sitio en internet, sta va a ocupar un espacio
mayor en disco y por ende, se va a demorar ms su transmisin.
Qu pasa si imprimo una imagen con una resolucin inferior a 300 dpi? Cuanto
menos dpi tenga la imagen, mayor prdida de calidad tendr. Se recomienda que tenga
al menos un mnimo de 150 pero el nmero idneo es el indicado, 300 ppp.
Qu pasa si imprimo una imagen con una resolucin mayor a 300 ppp? Es probable
que un ojo experto, educado en la impresin y en el color, pueda ver diferencias entre
una impresin hecha a 300 dpi y la misma hecha a 600 dpi. Pero la mayora de las
personas no notan la diferencia debido a cmo percibimos lo que vemos. En general, el
humano promedio no est educado visualmente en este tipo de trabajos y tiene pocas
bases comparativas para medir la calidad de la impresin.

Lo ms importante, dnde y cmo puedo ver esto?

Existen multitud de programas de edicin grfica como Photoshop, aunque en este caso
usaremos GIMP, una aplicacin muy similar para el tratamiento de imgenes basado en
software libre y disponible en descarga.

Descarga de GIMP
Es muy sencillo, slo hay que ir a la web de GIMP y descargar la aplicacin para nuestro
sistema operativo (Windows, Mac o GNU/Linux)
Zona de descargas de GIMP
Si nuestro SO es Windows, habra que buscar GIMP for Windows

Posteriormente, habra que instalarlo siguiendo las instrucciones. No debera ofrecer

problemas pero si los hubiera, podemos usar los foros con esta finalidad. Esta programa
es muy completo, no slo sirve para comprobar el tamao o la resolucin. Como
decamos antes, es una alternativa a Photoshop con todo lo que conlleva aunque quien
use Photoshop de antemano ha de acostumbrarse a la interfaz ya que sta es distinta
(disposicin de botones, nombres de los filtros, etc).

Abriendo GIMP
Abrimos nuestra imagen y veremos lo siguiente:

Quizs los elementos del men difieran, pero los bsicos como Imagen, Archivo o
Editar siempre estn presentes. Seguimos el siguiente enlace Imagen Propiedades
de la imagen y obtendremos lo siguiente para analizar los datos:

En ella, vemos que tiene un tamao de 200x200 y una resolucin de 300ppp, suficiente
para una calidad adecuada en la impresin en papel o digital aunque con un mximo de
16,93mmx16,93mm. Ya hemos visto en la pgina 2 de este manual que si aumentamos el
tamao de la imagen, aparece precisamente lo que queremos evitar, el pixelado de la
foto.

Scribus
Scribus es un programa de maquetacin orientado a trabajos para impresin en papel o
imprenta. Es de cdigo abierto y est disponible para GNU/Linux, Unix, Mac OS X y
Windows, ofreciendo caractersticas similares a otros programas de maquetacin como
Adobe InDesign o QuarkXPress.
Con Scribus podremos crear folletos, trpticos, carteles y otros tipos de
publicaciones especialmente diseados para el formato papel, aunque el programa
tambin destaca en la creacin de archivos PDF interactivos, ideales para su uso en
Internet.
Con l, podremos hacer pruebas de maquetacin de dpticos o informacin de mano en
general para nuestro proyecto cultural, conociendo de antemano el problema de que nos
encontremos con material de poca calidad grfica tal como hemos podido comprobar en
puntos anteriores.

Nota: En este bloque usaremos Scribus slo para hacer un simulacro de panfleto en PDF.
Hemos facilitado un completo manual para aquellas personas que quieran profundizar
en este campo de la edicin de panfletos. En las primeras pginas, especialmente desde
la 8 del manual de Scribus, tenemos cmo aadir contenido a un archivo.
Importante: Los archivos nativos de Scribus son .sla, habra que generar un PDF segn
las instrucciones del manual.