El documento describe la diferencia entre imágenes vectoriales y de mapa de bits, así como cómo la resolución afecta el tamaño y calidad de cada tipo de imagen. Las imágenes vectoriales no pierden calidad al ampliarse o reducirse, mientras que las de mapa de bits se ven afectadas por cambios en la resolución. El documento también explica la resolución de monitores y cómo crear imágenes para la web teniendo en cuenta la resolución más común de monitores.

1. Resolución de la imagen Presentado a: Ignacio Realpé Presentado por: Edwin Bolívar Moreno

2. TAMAÑO Y RESOLUCIÓNDE LA IMAGEN La evolución de Photoshop CS3 ha sido espectacular desde sus primeras versiones. En sus orígenes se trataba de un programa destinado al tratamiento de mapas de bits (bitmaps) pensado sobre todo para la impresión, su transformación le ha conver­tido en una herramienta idónea para generar imágenes vectoriales o la creación de contenidos web

3. Bitmaps y gráficos vectoriales La diferencia básica entre una imagen de mapa de bits y una vectorial, es que las primeras están compuestas por píxeles y los gráficos vectoriales se forman a través de descripciones matemáticas. Estas dos formas son las que tiene su ordenador para presentar las imágenes o gráficos. Photoshop CS3 permite crear e incluir estos dos tipos de imágenes y combinarlos en un sólo archivo.

4. Imágenes vectoriales Este tipo de imágenes, también llamadas imágenes orientadas a objetos. presen­tan un aspecto interesante y es que aunque se amplíen no pierden calidad.Las imágenes vectoriales están compuestas por vectores que son líneas y curvas definidas por objetos matemáticos. Con los vectores se dibujan las imágenes por medio de características geométricas.Las imágenes vectoriales no están supeditadas a la resolución de la imagen, por lo tantopueden ser ampliadas y/o reducidas sin que pierdan calidad ya que son imágenes que no comparten ningún tipo de información sobre su resolución. Se adaptan al tipo de periférico al que se envíen. Por ejemplo, suponga que tiene una ima­gen que se ha realizado a 2.400 PPP y usted dispone de una impresora láser que como máxima resolución puede llegar a 600 PPP, lo que obtendrá será una impresión de la imagen a 600 PPP.Cuando una imagen vectorial se amplía en la pantalla del monitor se ve pudelada, tal y como ocurre con las imágenes de mapa de bits. Esto ocurre por el modo en que se presentan las imágenes en la pantalla, que es de forma pixelada, pero cuando imprima, comprobará como el pixelado desaparece en el caso de las imágenes vectoriales ampliadas.

5. Bitmaps o imágenes de mapa de bits Este tipo de imágenes están formadas por pixeles que no son más que unos cuadrados de colores. Cada uno de los píxeles que forman una imagen tiene una ubicación y un valor de color determinado. Este tipo de imágenes son las que se utilizan con más frecuencia para fotografías y pinturas digitales. Gracias a estas características pueden representarse sombras, colores y degradados. Al contrario que las imágenes vectoriales, las de mapa de bits están condicionadas por la resolución que se aplique. Una resolución implica que haya más o menos cantidad de píxeles en la imagen, lo que afectará cuando se haga una ampliación de la imagen en la pantalla o bien una impresión con una resolución inferior a la que tiene asignada la imagen. Por ejemplo, si tiene una imagen con una resolución de 72 PPP y la imprime en una impresora de 600 PPP no conseguirá que quede mejor que si la imprime en una de 1.200 PPP, es decir, se imprimirá a 72 PPP. El tamaño de una imagen de mapa de bits está definido por el número de pixeles o puntos que lo forman en su anchura y altura. Es necesario tener claro que una imagen que se va a mostrar por un monitor, debe de estar ajustada para su perfecta visualización en ese medio.

6. Resolución de los monitores Los monitores de más pulgadas, tienen una mayor cantidad de pixeles a lo largo y ancho, pero debe de tener en cuenta que además del monitor, la resolución en píxeles también viene dada por el tipo de tarjeta gráfica que tenga instalada en su ordenador. Por ejemplo, si tiene una imagen de 800 por 600 pixeles y la presenta en un monitor de 17 pulgadas configurado con esa resolución (800 x 600), la pantalla se llenará completamente con la imagen, ya que mide exactamente lo mismo que la resolución asignada al monitor. Ahora bien, si tiene un monitor de 19" y le asigna la misma resolución (800 x 600) le ocurrirá lo mismo, pero en el caso de que a ese monitor le asignara una resolución de pantalla de 1280 x 960 píxeles la imagen se vería dentro de la pantalla del monitor pero ya no la ocuparía completamente, como en los casos anteriores. Simplemente, basta observar como a mayor resolución de la pantalla más elementos de la aplicación se ven. Cuando vaya a crear imágenes para una página web, lo más adecuado es hacerlo con una resolución que se adapte a la mayoría de monitores. Así pues, podemos considerar la resolución del monitor como el número de píxeles o puntos por pulgada (ppp). También se conocen por dpi (dots per inch). Casi todos los monitores tienen una resolución de 72 ppp. Es decir, si hace una captura de pantalla de una imagen, ésta tendrá una resolución de 72 ppp, aunque el original tuviera más resolución.

7. Resolución de una imagen Cuando se habla de resolución de la imagen se refiere a la cantidad de píxeles que incluye una imagen por unidad de longitud, la medida es en píxeles por pulgadas (PPP) o (ppi) pixeles per inc. A medida que aumente la resolución de la imagen los píxeles se irán haciendo más pequeños, por lo tanto la resolución de la imagen y las dimensiones en pixeles están relacionadas. Por ejemplo, imagínese una imagen de 500 x 500 pixeles a una resolución de 600 ppp, se imprimirá a la mitad de tamaño que una imagen que tuviera los mismos píxeles pero que su resolución fuera de 300 PPP. Al ser más alta la resolución, las imágenes suelen contener más detalles, suavi­dad y matices de colores. Trabajar con una resolución muy alta, creará un archivo muy grande, poco manejable, y es posible que si lo imprime, la impresora no pueda reproducir todo el detalle de la imagen. Si por el contrario, utiliza una resolución baja, al imprimirla se reproducirán píxeles desiguales y grandes. Si aumenta la resolución de una imagen, pasándola de 72 ppp a 300 ppp, lo que hará será añadir más puntos, pero no se aportarán colores, matices, suavidad, etc. En resumen, la calidad de la imagen apenas mejorará.

8. Cambiar el tamaño de una imagen Al modificar el tamaño de una imagen bajando su resolución no es necesariamente ese el mejor sistema ya que se pierde calidad. Vamos a ver cómo reducir el tamaño de una imagen sin necesidad de modificar su resolución a través de un ejemplo: Abrimos una imagen a través del menú Imagen y elegimos la opción Tamaño de imagen. Con ello lo que se pretende es reducir a la mitad el tamaño de la imagen.De la imagen de nuestro ejemplo observamos que en el apartado Anchura del apartado Tamaño de la imagen se muestra la medida 20,43 cm.