Documentos de Académico
Documentos de Profesional
Documentos de Cultura
resolución de entrada y
salida.
Trabajo con archivos
digitales
Diseño y Comunicación
Visual
El a bo r a d o por MA O C l au di a
Cruz S ánchez
01/10/2013
Conceptos y cálculo de Resolución de entrada y de salida................................................ 2
Resolución de entrada y de salida....................................................................................... 2
Consideraciones antes de digitalizar una imagen. ................................................................. 2
Relación entre tamaño de Ia imagen con peso del archivo y calidad de imagen. ................. 3
Trabajo con resolución para pantalla, presentaciones y web................................................ 4
Estándares ........................................................................................................................... 4
Imágenes para presentaciones y web: ................................................................................. 4
Trabajo con resolución para impresión de pequeño, medio y gran formato. ........................ 5
Trabajo con resolución para imprenta y negativos................................................................ 7
Negativo.............................................................................................................................. 8
Relación Resolución-Lineaje de imprenta. ............................................................................. 8
Trabajo con archivos digitales............................................................................................. 9
Consideraciones básicas necesarias sobre el trabajo con archivos y formatos digitales. .... 9
Archivos Nativos (PSD, CDR, PPS, Ai, etc.). ......................................................................... 9
Archivos Universales (TIF, JPG, PDF, etc.). ....................................................................... 10
lmportar Exportar entre aplicaciones de diseño. ................................................................. 12
Importación de gráficos de Adobe Illustrator ................................................................... 12
Conceptos y cálculo de Resolucion de
entrádá y de sálidá.
Se entiende por "resolución" de una imagen la
cantidad de puntos que tiene en una superficie. Esto
presupone que se trata de mapas de bits, ya que toda
imagen vectorial tiene la máxima resolución que
permite el formato en donde se encuentra.
Básicamente existen dos sistemas de medición que
surgen a partir de la utilización del centímetro o de la pulgada:
En una impresora se habla del número de puntos por pulgada que puede imprimir:
600, 1200, etc.
Algunos escáneres suelen producir imágenes con una resolución por defecto de
200 ppp.
Las cámaras digitales prestan una calidad que se expresa en MegaPíxels. Así por
ejemplo una cámara de 8 MP es aquella capaz de tomar una fotografía con 8 millones de
píxeles.
1. Al crear una página web interesa que los archivos que contienen las imágenes sean lo
menos pesados posibles para agilizar su descarga y visualización por Internet.
2. El tamaño de un archivo gráfico viene determinado por las dimensiones de la imagen,
su resolución, el número de colores y el formato (JPG, GIF, PNG).
3. Crea y guarda imágenes en resolución no superior a 72 ppp. Es la resolución que se
suele usar en las pantallas de ordenador. No merece la pena optar por valores mayores
ya que aumenta considerablemente el peso del archivo a descargar y el usuario no lo
aprecia. Si la imagen se diseña para imprimir entonces debemos optar por una resolución
entre 200-300 ppp.
5. Conviene utilizar un programa de edición gráfica para definir las dimensiones concretas
de la imagen antes de insertarla en la página web.
7. Las imágenes GIF son más adecuadas para dibujos, gráficos y logotipos. Son aquellas
que se pueden representar fácilmente con colores sólidos y una paleta con un número
reducido de colores.
8. Las imágenes JPEG son mejores para fotografías e imágenes con degradados, porque
admiten color de 24 bits, y porque gracias a su compresión ofrecen una imagen más
brillante que ocupa menos espacio en el disco.
Para reducir el peso de un archivo gráfico se pueden modificar algunos de sus parámetros
utilizando un editor de imágenes como por ejemplo GIMP:
Formato del archivo gráfico:
o Conversión de formatos.
Paleta de colores:
o Reducir la paleta de colores.
Tamaño de la imagen (Anchura x Altura)
o Reducir el tamaño de una imagen.
o Recortado de imágenes
El tamaño del archivo es una cifra, en bits o en bytes, que describe la cantidad de
memoria necesaria para almacenar la información de la imagen en un soporte (disco duro,
CD, tarjeta de memoria, etc), y este dependerá de varios factores y, especialmente, de la
resolución (R), las dimensiones de la imagen (Largo x Ancho) y la profundidad de color
(P). Puedes calcular el tamaño de un archivo con la siguiente fórmula:
Tamaño = R² * L * A * P
Por ejemplo, una imagen de 10 x 15 cm (3,94 x 5,91 pulgadas), con una resolución de
96 ppi (38 pcm) y una profundidad de color de 32 bits, tendrá un tamaño bruto de:
9216 x 3,94 x 5,91 x 32 = 6.857.144 bits es decir: 858.393 Bytes o, lo que es lo mismo:
838 KBytes.
Recuerda que 1 byte son 8 bits y que 1 Kilobyte equivale a 1024 bytes.
Por ejemplo, una imagen con una resolución de 192 ppi se verá al doble de su
tamaño real en un monitor con una resolución de 96 dpi, debido a que cada pixel de la
imagen ocupará dos de los puntos de la pantalla.
Estándares
Existen 2 estándares relacionados con la resolución en la imagen digital: 72 dpi usado
para visualizar las imágenes en pantalla (Aplicativos web o multimedia) y 300 dpi,
utilizado en los sistemas de impresión. Fotógrafos, ilustradores y publicistas tienen que
aprenderse de memoria esta información y usarla en sus flujos de trabajo.
- Muchos de los editores HTML permiten reducir la dimensión de la foto pero sólo de
forma visual. Es mejor ajustar el tamaño mediante un programa de retoque y dejar lista la
imagen final.
- No incluir imágenes de tamaño superior a 50K.
La resolución de la imagen se mide en DPI (Dots per Inch, Puntos por pulgada) y en PPP
(Pixeles per Inch(PPI), pixeles por pulgada). Hay diferencia entre estos: DPI se refiere a
los documentos impresos y la cantidad y el espaciamiento entre los puntos Cyan,
Magenta, Amarillo y Negro (CYMK) y por otro lado PPI se refiere a los pixeles por pulgada
en la pantalla.No son lo mismo, a pesar de que muchos utilizan estos 2 términos
indistintamente. Si la impresión es en pantalla, es el número de puntos (pixeles) que una
pantalla mustra en el espacio lineal de una pulgada. Si la impresión es en impresora sobre
papel, cartón corrugado, plástico corrugado/Forex, metacrilato o plexiglass, aluminio Alu-
dibond o madera es el número de puntos individuales de tinta que una impresora puede
producir en el espacio lineal de una pulgada.
Cuando se trabaja con una imagen cuyo resultado será una impresión es muy
importante que desde el origen tenga la resolución estándar de imprenta que es de 300
ppp. Si se trabaja con una imagen de menor resolución y se amplía su resolución
digitalmente, el resultado es malo y la imagen pierde definición provocando los conocidos
bordes con dientes de sierra. Para conocer la resolución que debe tener una imagen
habrá que conocer a qué distancia va a ser vista. La resolución es inversamente
proporcional a la distancia de visión. El ojo humano es capaz de apreciar una determinada
resolución dependiendo de la distancia de visionado. Cuanto mayor sea la distancia de
visión, menor deberá ser la resolución ya que el ojo no será capaz de apreciar
resoluciones mayores.
¿Cuál es la distancia óptima para ver una impresión? Como norma general la
distancia óptima es de un mínimo de 2 veces y un máximo de 5 veces el ancho (para una
imagen en apaisado). Pero si queremos mayor exactitud podemos decidir a qué distancia
queremos que nuestra imagen sea vista con calidad. Aplicando la fórmula podemos
obtener esta tabla que relaciona las distancias de visión con la resolución máxima que
aprecia el ojo.
Conocida la resolución que necesitamos ya solo nos falta definir las medidas de
largo y ancho que queremos que tenga la impresión para así poder conocer cuántos
pixeles por cada lado requiere la imagen de partida.
Negativo
Imprime una versión invertida de toda la imagen, que incluye todas las máscaras y
cualquier color de fondo. A diferencia del comando Invertir del menú Imagen, la opción
Negativo convierte la salida, no la imagen en pantalla, en un negativo. Si imprime
separaciones directamente en película, probablemente desee un negativo, si bien en
muchos países son habituales los positivos de película. Se consultar con su imprenta para
determinar lo que es necesario. Para determinar el lado de emulsión, examinar la película
bajo una luz brillante una vez revelada. El lado mate es la emulsión y el lado brillante la
base. Compruebe si la imprenta necesita que la película tenga la emulsión positiva arriba,
la emulsión negativa arriba, la emulsión positiva abajo o la emulsión negativa abajo.
El lineaje son las líneas por pulgada (lpi- lines per inch) esto es, la cantidad o número de
líneas que caben en una pulgada cuadrada.
Cuando la resolución es baja, los puntos serán pocos y la trama de éstos será muy
abierta y el ojo verá un tono descontinuo por el tamaño y separación de los puntos.
Cuando la resolución es mayor la trama de puntos se vuelve más pequeña con una
separación muy mínima, por lo que los puntos se vuelven invisibles al ojo humano y la
ilusión de tono continuo es mayor.
Tanto la resolución como el lineaje afecta la calidad de la impresión ya que dependiendo
de la cantidad de puntos por pulgada cuadrada (resolución) será la nitidez de la im agen, a
mayor cantidad de puntos, el detalle de la imagen se percibirá mejor y por lo tanto una
mejor calidad. Y si por el contrario, entre menos puntos haya en cada pulgada cuadrada el
detalle y nitidez de la imagen será menor.
Por otro lado la cantidad de líneas por pulgada dependen también de la prensa donde e
imprimirá y el papel que se utilizará, un negativo con más de 100 lpp en un papel
absorbente como el papel periódico tenderá a emplastarse ya que el papel absorberá la
tinta. Por ejemplo en las prensas de un periódico los lineajes máximos son de 85 a 90 lpp,
en cambio en un papel menos absorbente como los couche o satinados se pueden
imprimir desde 133 hasta 175 lpp.
En las imprentas, la mayoría de los productos impresos en papeles couches o satinados
se imprimen con una resolución mínima de 300 ppp y el lineaje es dentro de un rango de
133 lpi a 175 lpi, mientras que en papeles absorbentes se utilizan menores rangos de
lineaje. Lineajes superiores de 250 lpi se utilizan solo en máquinas de tecnología
avanzada con papeles de muy alta calidad.
Existen diferentes clases de archivos digitales, unos sufren pérdida de calidad y otros no.
Las cámaras digitales utilizan un formato que mantiene el archivo de la imagen en su
estado virgen, en el cual no realizan ninguna clase de compresión y el archivo se
mantiene en su máxima calidad, igual que en el momento que se captó la imagen.
Podemos citar el formato RAW y el TIFF
Ai (Adobe Illustrator): Formato nativo de Illustrator, solo este programa lo puede editar.
Se basa en el formato PDF, pero Acrobat no lo lee correctamente. Cuando se guarda
como .ai se puede editar al 100%, se mantiene la transparencia y guarda una
previsualización del mismo al estilo PDF 1.4 Este formato es el mejor para trabajarlo en
forma personal y es ideal para usarlo en InDesign y Photoshop
PPS. Los archivos PPS son diapositivas creadas con el programa PowerPoint en las
que se puede incluir imágenes, audio y video. Son simplemente archivos PPT a los
que se les ha cambiado la extensión a PPS y se pueden abrir también con
OpenOffice, este posee su propio formato para guardar los archivos, más ligero, más
abierto y más documentado, sin embargo, maneja mucho menos efectos que
PowerPoint, por lo que los efectos complejos no aparecerán necesariamente cuando
se visualice la diapositiva.
JPG éste formato lo creó The Joint Photographers Experts Group. Es uno de los formatos
más conocidos para la compresión de fotografías digitales. Es uno de los pocos form atos
que se soporta en Internet (Web); todas las cámaras digitales y escáneres almacenan las
imágenes en formato JPEG, no obstante y dado que la compresión de este formato afecta
a la calidad de imagen, se puede escoger diferentes niveles de compresión:
A más baja compresión mayor calidad.
A más alta compresión menor calidad.
Cuando se opta por una compresión alta, es para crear archivos que ocupen poco
espacio para la Web o enviarlas por correo electrónico. JPEG es el único formato de
archivo, que puede llegar a comprimir una imagen hasta sólo un 10% de su tamaño
original, sin que el ojo humano pueda percibir diferencias, antes y después del proceso de
compresión. JPEG soporta 24 bits.
PDF, portable document format. Este formato lo creó Adobe para poder intercambiar
archivos entre diferentes sistemas operativos. Por ejemplo: un archivo o documento
creado con algún programa de Windows, puede verse en la plataforma Linux o Mac, con
sólo tener el visualizador de PDF, (Acrobat Reader,) disponible gratuitamente en Adobe y
muchos otros sitios. Este formato guarda con toda precisión el diseño del archivo
incluyendo sus fuentes, imágenes y demás gráficos. PDF, se utiliza cada vez más y es
considerado otro formato de los estándares junto con EPS y TIFF. Se encuentra muy
extendido entre la red, en la que encontramos numerosos archivos con este formato.
Formato PNG. Considerado un formato para sustituir al famoso .GIF, debido a que el
PNG utiliza sistemas de compresión estándares gratuitos, como el método ZIP, y permite
al mismo tiempo mayor profundidad de color en las imágenes, llegando hasta los 24 bits
de profundidad de color, mientras que el formato GIF solo recoge 8 Bits. Si utilizamos
PNG, para comprimir imágenes de 24 bits podremos realizar una interesante compresión
sin pérdida alguna de calidad. La única diferencia que estriba entre GIF a PNG, es que en
PNG, no permite archivos animados
Multimedia y Web
Formatos Foto JPG
Gráficos GIF/PNG
Impresión en transparencias
Formatos TIF, PSD, JPG
Flash (SWF) Formato de gráficos vectoriales que se utiliza en gráficos web animados e
interactivos. Puede exportar ilustraciones al formato Flash (SWF) para usarlas en el
diseño web y ver la ilustración en cualquier navegador equipado con el plugin Flash
Player.
PNG (Portable Network Graphics) Utilizado para una compresión sin pérdidas y para la
visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite
imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares; sin
embargo, algunos navegadores Web no admiten imágenes PNG. PNG conserva la
transparencia en imágenes en escala de grises y RGB
Formato de texto (TXT) Utilizado para exportar texto de una ilustración a un archivo de
texto. (Consulte Exportación de texto a un archivo de texto).
TIFF (Tagged-Image File Format) Utilizado para intercambiar archivos entre aplicaciones
y plataformas de ordenador. TIFF es un flexible formato de imagen de mapa de bits
compatible con casi todos los programas de pintura, edición de imágenes y maquetación.
Prácticamente todos los escáneres de escritorio pueden producir archivos TIFF. Para
obtener más información, consulte Opciones de exportación de TIFF.
REFERENCIAS ELECTRONICAS
http://www.disenovisual.com/interficies/bitmaps.htm
http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0102.html
http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0106.html
http://platea.pntic.mec.es/~lgonzale/tic/imagen/conceptos.html
http://www.ecbloguer.com/visionfotografica/?p=1286
http://www.disenovisual.com/interficies/consejos.htm
http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen01.html
https://sites.google.com/site/ticvalcarcel/optimizacion-de-imagenes-para-internet/tamano-
y-peso-de-las-imagenes
http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0104.html
http://www.desarrolloweb.com/articulos/1779.php
http://www.desarrolloweb.com/articulos/1778.php
http://www.printyourcolor.es/item/182-%C2%BFcual-es-la-resolucion-ideal-para-que-una-
imagen-sea-impresa-con-calidad.html#.Uj6YptJWym4
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031a
b64-779da.html
http://www.comunigraf.com.mx/articulos-y-reportajes/resolucion-lineas/resolucion-y-lineas-
1.htm
http://www.designals.net/2010/08/la-resolucion-en-documentos-para-impresion/
http://www.corelclub.org/preparandome-para-la-imprenta/
http://fcf.unse.edu.ar/archivos/lpr/pdf/p7.PDF
https://help.libreoffice.org/Common/About_Import_and_Export_Filters/es
http://windows.microsoft.com/es-mx/windows7/working-with-files-and-folders
http://www.digitalfotored.com/imagendigital/compresionarchivos.htm
http://www.digitalfotored.com/imagendigital/psd.htm
http://arkngeldark.blogspot.mx/2012/09/1.html
http://fotocromia.es/blog/tag/pdf/
http://es.kioskea.net/faq/407-como-abrir-un-archivo-pps-presentacion-powerpoint
http://www.digitalfotored.com/imagendigital/tiff.htm
http://www.digitalfotored.com/imagendigital/jpge.htm
http://www.digitalfotored.com/imagendigital/pdf.htm
http://www.digitalfotored.com/imagendigital/eps.htm
http://www.digitalfotored.com/imagendigital/gif.htm
http://www.digitalfotored.com/imagendigital/png.htm
http://www.digitalfotored.com/imagendigital/bmp.htm
http://www.digitalfotored.com/imagendigital/archivostabla.htm
http://help.adobe.com/es_ES/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f
-6bdea.html
http://help.adobe.com/es_ES/illustrator/cs/using/WSB774257A-0C4E-4b60-87CD-
1D0DA7B7D3C3a.html
http://platea.pntic.mec.es/~lgonzale/tic/imagen/conceptos.html
http://www.uned.es/personal/rosuna/resources/photography/ImageQuality/fundamentos.im
agen.digital.pdf
https://help.libreoffice.org/Common/About_Import_and_Export_Filters/es