Sobre la RESOLUCIN en las grficas bitmap

AUTOR: Lic. Mariana Paredes Apunte de Ctedra / Nivel 1 Buenos Aires, 2013.

Departamento de Artes Visuales Prilidiano Pueyrredn Asignatura: OTAV Digitalizacin de Imgenes I a III Ctedra: Lic. Mariana Paredes Equipo de Ctedra: Profs. Adjuntos: DG Eliana Loureiro Lic. Mara Licciardo JTPs: DG Ins Camps / Lic. Carla Ferrari

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Introduccin. Confusiones del concepto de Resolucin

ElconceptodeRESOLUCIONaparecedeformacomnendiferentesmomentosde laproduccinvisual,asociadaalosmuydiversostiposdedispositivosdigitales.De ah que la comprensin, y ms an la utilizacin de la resolucin, se torne un tema confuso que exige ser desmontado para su anlisis. Serimprescindibleentoncesdiferenciartresmbitosdeaplicacindeestanocin: 1. 2. 3. ResolucindeImagenbitmap(compuestaporpxeles):naturalezavirtual ResolucindeMonitor:naturalezaanalgicaconcombinacionesvirtuales Resolucin de Impresin: naturaleza analgica

Definimos la RESOLUCION como la cantidad de puntos por pulgada lineal, a partir de los cuales se describe una imagen. Se entiende que, a mayor cantidad depuntos,mayoragudezaenladescripcindedetalles;vinculandoaselconcepto de resolucin al de calidad. En este tem haremos la observacin que lacalidades unconceptoamplioenelqueintervienendiferentesfactores,laresolucinesslo uno de ellos.

La Resolucin y su unidad de medida. El problema de los DPI

LaRESOLUCINseexpresaenelmbitocomercialen DPI(delingls:dotsperinch, puntos por pulgada2). Pero al hablar de puntos a qu refiere exactamente? SitomamosenconsideracinlasobservacionesdeKandinsky3,podramosdecirque el PIXEL es un punto, cuya forma es cuadrada. Y que el pixel se diferencia de un punto de tinta sobre el papel tanto en su forma como en su materialidad. VemosentonceslanecesidaddedesmontarelconceptodePUNTO,entantounidad de medida de la resolucin, y diferenciar su aplicacin:

Artes Visuales . IUNA

1 EjemplotomadodeWikipedia:http://es.wikipedia.org/wiki/Resoluci%C3%B3n_ de_imagen 2 n.LaResolucintambinpuedeexpresarseenpuntosporcentmetro,uotraunidad de medida, siendo la pulgada la expresin standard. 3 Kandinsky,V. Punto y Lnea sobre el Plano.Traduccin: Carlos Samonta. Buenos Aires, Ediciones Libertador, 2004. Versin Original: Punk und Linie zu Flche. 2

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Introduccin. Confusiones del concepto de Resolucin

1. Cuandonosreferimosalaimagenbitmap,definiremoslaRESOLUCIN comolacantidaddepixelesdeimagenporpulgadalineal,cuyasiglasera:PPI (pixelsperinch).Apartirdeahora,yconfinespedaggicos,diferenciaremos DPI de PPI; es decir, punto y pixel no sern considerados lo mismo. 2. Cuando nos referimos a Pantallas y Monitores, definiremos la RESOLUCIN como la cantidad de puntos de luz (pixeles de monitor) por pulgada lineal. Para nuestra confusin, es comn que los puntos de luz del monitorseexpresentcnicamenteconelnombredepixel;enestoscasoslo nicoquetienenencomneselnombre.Diferenciaremosentoncespixelde imagen(denaturalezavirtual)depixeldemonitor(denaturalezaanalgica). 3. CuandonosreferimosaImpresoras,definiremoslaRESOLUCIONcomo la cantidad de puntos de tinta/tonner por pulgada lineal, que se imprimen sobre papel. NOTA: Son mltiples los dispositivos de captura digital en los cuales encontramos opcionesderesolucin.Entrelosmscomunestenemoscmarasdigitales,cmaras de video y scanners. En todos estos casos, corresponde entender la resolucin de estos dispositivos expresados en PPI, ya que al realizar cualquier captura estamos creando un grfico bitmap constitudo por pixeles de imagen.

Resolucin en la Impresora: DPI. Puntos de tinta por pulgada lineal

LaImpresora:AplicaremosparaestembitoelconceptodeDPI,esdecirlacantidad de puntos de impresin por pulgada lineal con los cuales se describe una imagen impresa. Los puntos de impresin poseen una naturaleza fsica y se expresan con tinta tonnersobreelpapel.Enestesentidoescomnhablarderesolucionesdeimpresin de: 360, 720, 1440, 2880, 5760 dpi para impresoras ink jet (chorro de tinta) y resoluciones de 600 y 1200 dpi para impresoras lser. Una impresora de 300 dpi es capaz de imprimir, en una pulgada cuadrada, 90.000 puntos de tinta (300 ancho x 300 alto).

Vista de un impreso

Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Resolucin en el monitor: Pixeles de Monitor ancho x alto

La Resolucin en el Monitor: Refiere al nmero de pxeles de monitor que puede sermostradoenlapantalla.Vienedadaporelproductoenanchoporalto,medidos ambosenpxelesdemonitor,esdecirpuntosdeluzcompuestoscadaunodeellos por tres fsforos: R+G+B. Esta cantidad de pixeles de un monitor es fija y responde a una grilla fsica de pxeles de monitor, con intersticios negros entre sus fsforos (dot pitch: distancia entre un fsforo y otro). Se hace notar que, en trminos comerciales, la resolucin de un monitor no se expresa en pulgadas lineales, sino en cantidad total de puntos de luz ancho x cantidad total de puntos de luz alto. Lacantidaddepixelesdemonitor,sutamaomnimo,ylaubicacindelosmismos, no pueden variarse, ya que su estructura analgica fue predeterminada por el fabricante. Lo que s puede variar es la configuracin virtual, a partir de su grilla fsica. Por ejemplo, un monitor de 17 pulgadas cuya resolucin mxima es de 1280 x 960 px, admite otras posibles configuraciones: 1152 x 864 px, 800 x 600 px, 640 x 480 px. Pixel de Monitor

Rojo

Verde
El pxel de monitor, constitudo por el conjunto de tres fsforos: Red+Green+Blue

Azul

Visualizacin en pantalla de acuerdo a diferentes configuraciones de monitor.

La pantalla muestra el color blanco iluminando al mximo los fsforos rojo, verde y azul que componen cada uno de los pixeles de monitor. Los fsforos se iluminan al ser impactados por los rayos de electrones correspondientes a cada primario luz. 4

Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Resolucin de Imagen bitmap: PPI. Pixel de imagen por pulgada lineal

La Resolucin en la imagen bitmap: Refiere a la cantidad de pixeles de imagen porpulgadalineal.Portalmotivo,recomendamoshablarenestecasodePPI(pixel perinch),diferenciandoasdeotrasresolucionesaplicablesadispotivosdesalida. LaRESOLUCIONenlaimagenbitmapesvariable.Podemosagregarosacarpxelesde unaimagendeacuerdoaldestinodelamisma,entendiendoqueestasoperaciones requieren un proceso de interpolacin el cual merece un analsis aparte. El pixel de imagen es cuadrado, no presenta intersticios, posee una ubicacin determinada por las coordenadas x y, en relacin a la cantidad total de pixeles. No posee tamao fsico intrseco, ya que su naturaleza es virtual.

Pixel de imagen

Articular la Resolucin de Imagen con Dispositivos de salida

Esta ltima caracterstica del pixel, su naturaleza, impone comprender que, para manipular la resolucin de una imagen es necesario ponerla en correspondencia con dispositivos de carcter analgico (monitores, impresoras). Esto es, articular las resoluciones inherentes a cada soporte, con la resolucin propia de la imagen digital.

Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Articular la Resolucin de Imagen con Dispositivos de salida

Enlossoftwaredeimagen,elcomandoTamaodeImagennospermiteadministrar los pixeles que componen una imagen bitmap. Sianalizamoslostemsqueaparecenenestecuadrodedilogo4,podemosdistinguir dos sectores: el primero nos ayuda a manipular los pixeles en relacin al monitor, esdecirconfigurarlasimgenesparaservisualizadasenpantalla.Elsegundosector nosofrecelaposibilidaddemanipularelarchivoparasuconfiguracindetamao fsico para impresin (ej: impresoras, plotters, bajadas en papel fotogrfico, etc). Los tems son los siguientes: 1 sector de la ventana Tamao de Imagen: - El peso de la imagen, expresado en Kb, Mb... (slo ancho x alto de la imagen). Estepesono expresa el total de los datos del archivo en caso que el mismo posea capas, canales, trazados u otros. -Anchoyaltoexpresadoencantidadtotaldepixelesdeimagen(oporcentaje de visualizacin). 2 sector de la ventana Tamao de Imagen: - Ancho y alto expresado en centmetros (pulgadas, etc) - Resolucin, en PPI: pixeles por pulgada lineal (o pixeles por cm).

La sigla PPI, pixel per inch, refiere a la cantidad de pixeles que existen -en una pulgada lineal- para describir una imagen digital. Ms all que la expresin PPI no sea utilizada en el mbito comercial, s lo utilizaremos aqu con fines pedaggicos y analticos.

Peso de la imagen(expresado en cdigo binario). La cantidad total de pxeles ancho x alto Medidas de la imagenexpresadas en centmetros y resolucin de salida (cantidad de pxeles de imagen por pulgada lineal).

4
Artes Visuales . IUNA

TomamoscomoreferenciaelcuadrodedilogodelProgramaAdobePhotoshop. 6

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Resolucin e Interpolacin en una imagen bitmap

Pordebajodeestosdossectoresdelaventanatamaodeimagen,haydosopciones de relevancia: Restringir proporciones: estando activada, vemos cmo las opciones de ancho y alto de la imagen aparecen enlazadas (con un cono de cadena a la derecha), por lo cual si modificamos un parmetro, el otro parmetro se modifica tambin en consecuencia. Destildar esta opcin conlleva a la distorsin de la imagen en su relacin ancho-alto. Remuestrear Imagen: El remuestreo de una imagen involucra una operatoria de interpolacin.SilaopcinREMUESTREARseencuentradesactivada,veremoscmo losparmetrosdetamaoyresolucinseenlazan,porloquelamodificacindeun parmetroimplicaelcambiodelresto.Puedomodificartamaofsico/cantidadde pxeles por pulgada, sin modificar la cantidad total de pxeles de mi imagen. Estando activada la opcin REMUESTREAR, las variables de resolucin y tamao fsicopuedenmanipularseindependientemente.ParaellolaopcinRemuestreo (Resample Image) debe estar tildada. El comando REMUESTREO refiere a la Interpolacin, es decir al proceso por el cual el programa fabrica nuevos pxeles, tanto sea para agregar como para sacar. La Interpolacin entonces se define como el mtodo por el cual se calculan nuevos pixeles a partir de los ya existentes. Los mtodos disponibles son tres: - porVecindad: no es en realidad un mtodo de interpolacin, sino que el programaseleccionaelmismovalordecolorparalospxelesvecinosenunaimagen que se ampla. - En la Interpolacin bilineal el pixel fabricado tendr asignado el valor promedio de los cuatro pxeles que lo rodean en el eje vertical y horizontal. - En la Interpolacin bicbica el pixel fabricado tendr asignado el valor promedio de los ocho pixeles que lo rodean. LosprocesosdeInterpolacinafectanelpeso,alaumentarodisminuirla cantidad de pixeles de la imagen.

Al cambiar la resolucin (Interpolando) vara el peso de la imagen, sin necesariamente alterar su tamao fsico.
Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Resolucin de Imagen y visualizacin en Monitor

Alrealizarpruebasvariandolaresolucindeimagen(eInterpolando),observamos cmo laVisualizacin de dicha imagen en monitor vara en relacin a la cantidad total de pixeles y no al tamao fsico. Esto nos obliga a pensar la Visualizacin en monitor desde la naturaleza virtual de la imagen, y no en relacin a medidas fsicas. Una imagen con ms cantidad total de pxeles (de imagen), necesariamente se ver ms grande en el monitor, independientemente de su tamao en centmetros. Si no realizamos interpolacin (destildando dicha opcin) podemos cambiar la resolucinolasmedidasencentmetros,peronovariarlavisualizacinenmonitor, ya que no estamos cambiando la cantidad total de pixeles. Una visualizacin al 100% en pantalla (ver porcentaje de visualizacin en la barra de ttulo del archivo), significa que tomar un pixel de monitor para mostrar un pixeldelaimagen.Visualizaral200%significaqueusarcuatropixelesdemonitor para mostrar uno de la imagen. En visualizaciones inferiores a 100% el monitor no podr mostrar todos los pxeles de la imagen, generndose distorsiones en dicha visualizacin,deigualmaneraqueenvisualizacionesaporcentajesnoarmnicos como por ejemplo al 133 %. Por lo tanto, recordemos que una Visualizacin al 100% no significa que ver mi imagen completa en pantalla, sino que el software exhibir un pixel de imagen utilizando un pixel de monitor. Depender de la cantidad total de pxeles de mi imagen,ydemiconfiguracindemonitorcomosevisualizarlaimagenencuestin.
Imagen de 870 x 600 px (a 72 PPI) Visualizacin 100% Imagen de 1900 x 1312 px (a 72 PPI) Visualizacin 100%

Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

La Resolucin adecuada

Retomandoelconceptoderesolucindelaimagen,nosplanteamosentoncescul se considerara la resolucin correcta para una imagen. Presentado el debate, analizamos la foto del documento en pantalla, se busca el mximo porcentaje de zoom, y vemos cmo en ese archivo sera imposible ver el detalle de las flores, ya que no est en el documento de origen. Es decir, que resulta imprescindible realizar una correcta evaluacin de mioriginaly ver las posibilidades que ste me ofrece en relacin al uso que se requiere de l. En este casoconcreto,aumentarlaresolucinnosirvesinecesitamosobtenermsdetalle en las flores.

Detalle de las flores

Reemplazaremos la nocin deresolucin ideal, por el concepto de Resolucin adecuada a cada necesidad. Serfundamentalentonces,tenerunavisincompletadelproceso,yconsiderarlos requerimientosdeusodeunadeterminadaimagen,enelmomentodetomaruna correcta decisin sobre su resolucin. En un ejemplo prctico, consideramos dos posibles utilidades: - Imagen fotogrfica para correo electrnico diseo Web. - Imagen fotogrfica para ser impresa en chorro de tinta o lser.

Artes Visuales . IUNA

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

La Resolucin de imagen adecuada para su visualizacin en pantalla

Cadadispositivodesalida,porsuscaractersticas,propondrsusrequerimientos.En estesentido,unaimagencuyodestinofinaleslaWeb,debedigitalizarsepensando enelmonitorcomodispositivodesalida.Tendremosentoncesquetenerencuenta laresolucin,omejordicho,lacantidadtotaldepixelesparalaimagenenrelacin a posibles configuraciones de monitor. En la actualidad encontramos una gran cantidaddepginasdiseadasen1024x768pxeles(dimensionesstandardparael diseo web). Si a su vez consideramos que parte de estos pxeles son utilizados en loselementosdediseodedichapginacomoserbarrasdenavegacin,flyers,etc. una imagen que pueda visualizarse completa en este caso podra rondar los 400 x 600 pxeles (siempre dependiendo del diseo). Se recuerda que una adecuadaresolucin(en este caso, una adecuada cantidad total de pxeles en el ancho y en el alto) evitar el exceso de peso o la carencia de informacin en una imagen. Contribuir en el mismo sentido elegir un formato de alta compresin para imgenes de tono continuo; o el modo de color reducido a una paleta, como es el color indexado, para isologotipos u otras imgenes de colores planos.
Ejemplo de visualizacin en monitor de un sitio web. La pantalla posee una configuracin de 1280 x 800 pxeles de monitor. El sitio web se encuentra configurado a 1024 pxeles de imagen de ancho. Como la visualizacin en un navegador se realiza 1x1 (un pixel de imagen es exhibido con 1 pixel de monitor), el navegador, por defecto, completar con blanco a los costados, permitiendo visualizar todos los componentes del sitio.

Artes Visuales . IUNA

10

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

La Resolucin de imagen adecuada para impresin

Respecto de una impresora domstica, existe una relacin entre la cantidad de pixeles de imagen y puntos de impresin. De acuerdo a las pruebas realizadas podemosconsiderarqueunaresolucindeimagende150ppia200ppi(deacuerdo alasopcionesdeimpresindesignadas),permiteunpxellosuficientementechico para no poder ser expresado por el impreso. Para corroborarlo, se procede a realizar tres documentos de la misma imagen,condiferentesresoluciones:35ppi,150ppi,500ppi.Siempreconservando eltamaofsico.Estostresdocumentossonimportadosaunprogramaquepermite visualizar la puesta en pgina como el Illustrator. Se observa cmo cada uno de los archivos es igual en cuanto a su tamao en centmetros, pero diferente en la cantidad de pixeles de imagen que lo componen. Se analiza el impreso, observando cmo en el primer caso el pixel de imagen es demasiado grande y se ve en el papel, en el segundo caso el impreso se ve correcto y en el tercer caso tambin puede verse correcto pero con unpeso de archivo muy superior a lo necesario y con posibilidades de empaste debido al exceso de informacin.

35 PPI 16 Kb

150 PPI 284 Kb

500 PPI 3070 Kb

Todas las impresoras de chorro de tinta ests diseadas para trabajar con cierta resolucin de imagen, y aunque parezca lgico pensar que cuanta ms, mejor, en estecasoresultapeor.Imaginequeestpreparandounatazadecaf.Lacantidad justa llenar la taza, pero demasiada cantidad supondr un desastre. En lugar de un desastre, lo que ocurre cuando hay demasiada resolucin es que disminuye la calidad de imagen5.

Artes Visuales . IUNA

5 Sheppard,Rob.[2003]NationalGeographic.GuadeFotografaDigital.Espaa,Ed. NationalGeographicSociety,2007.Ttulooriginal:NationalGeographic.PhotographyField Guide Digital. 11

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

Anexo: Johan Rosenmunthe

A continuacin, en este apartado, una obra que invita a pensar la problemtica de la evidencia/no evidencia de lo digital. http://www.rosenmunthe.com/

En este proyecto he descargado las fotos deamigosque slo conocemos a travs de la Internet, y leshadadounnuevocontexto.Laspersonassonaccesiblessolamenteatravsdeunarepresentacin digital, mientras que el entorno es tan analgico como sea posible. Los paisajes son fotografiados, lugares que invitaban a la interaccin - lugares que no cumplieron con la compaa de los seres humanos. El medio aade un nuevo significado a la forma y le da su significado simplificado y la personalidad de nuevo, aadiendo una opcin para sus componentes digitales. Elproyectomiradirectamentealadicotomadelosprocesosdigitalesyanalgicas,yuxtaponiendoel uno contra el otro, y desafa a los espectadores a dar sentido a lo que parece una imagen fracturada. Las propias imgenes proporcionan escenas de aislamiento y soledad, como los personajes dentro estn tan aparentemente separados de su medio ambiente. Estas imgenes vienen a la vida cuando el espectador se mueve en relacin con ellos - visto de cerca, las personas se ven borrosas y el espectador tiene que dar un paso atrs para enfocar el motivo. Al mismotiempo,laescenaenlaquesecolocalapersonaesborrosacuandosemiradesdeunadistancia. As que tienes que ir y venir - imagen no figurativa entre cuadros de colores y representaciones figurativas de la personalidad. RM
Artes Visuales . IUNA

12

OTAV Digitalizacin de Imgenes 1_ M. Paredes_ 2013

Sobre la RESOLUCIN en las grficas bitmap Mariana Paredes - Apunte de Ctedra

BIBLIOGRAFIA

Kandinsky,V.PuntoyLneasobreelPlano.Traduccin:CarlosSamonta.BuenosAires,Ediciones Libertador, 2004. Versin Original: Punk und Linie zu Flche.

Sheppard, Rob. [2003] National Geographic. Gua de Fotografa Digital. Espaa, Ed. National Geographic Society, 2007. Ttulo original: National Geographic. Photography Field Guide Digital. VVAA.Manual:AdobePhotoshopCS5Bsico.InstitutoSuperiorTecnolgicoIDAT.
Wikipedia: http://es.wikipedia.org/wiki/Resoluci%C3%B3n_de_imagen

http://www.rosenmunthe.com/

Artes Visuales . IUNA

13