Autor Tema: Pixeles al Desnudo - Resolucion de Imagen  (Leído 11499 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11658
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Pixeles al Desnudo - Resolucion de Imagen
« : noviembre 24, 2009, 01:44:21 pm »

TIPOS DE IMAGENES

existen dos tipos de imagenes digitales:
-Mapas de bits
-Vectoriales

en esta ocasion, nos enfocaremos de las imagenes de tipo mapa de bits

PIXEL:

Las imagenes mapas de bits estan compuestas de pixeles, el nombre de pixel proviene de abreviar Picture Element, y es la menor unidad de medida dentro de las imágenes digitales, cada imagen esta dividida en filas y columnas y la unión de estas forma el pixel, pero por que es algo que se vuelve tan importante en la actualidad? la razón es sencilla vivimos actualmente en un momento en el que todo se realiza a traves de entornos gráficos, los programas y sistemas operativos cada día realizan mas tareas que involucran gráficos, las comunicaciones no se quedan atras con fotografias digitales(quien dijo chelona), videos, conferencia, juegos de video, dispositivos moviles etc.

RESOLUCION Y TAMANO DE IMAGEN

Uno de los principales dilemas con el que nos encontramos en cuanto a los pixeles es el tema resolución, y una de las preguntas que mas me realizan es, que resolucion me conviene utilizar? bueno aca, dependemos muchos de los dispositivos en los que estamos trabajando.

Pero en si que es la resolución?
resolucion es la cantidad de puntos individuales, que se asignan a cada pulgada de impresion lineal, de aca es donde surgen los terminos
PPP(siglas en espanol, Puntos Por Pulgada)
DPI (siglas en ingles Dots Per Inch)

por ejemplo si tenemos una imagen con 600 pixeles de ancho y le damos salida a 100DPI significa que obtendremos una imagen de 6 pulgadas ya que seria 600/100 pero si esa imagen la imprimimos a 300 DPI solamente obtendremos una impresion de 2 pulgadas que seria el resultado de 600/300

la resolución esta ligada con el nivel de detalle que una imagen posee, el termino es sumamente utilizado en fotografía digital, pero muchos acá también lo encuentran mencionado en juegos de vídeo, en hardware como las GPU donde mencionan resoluciones máximas, monitores; pero tambien influye en la cantidad de espacio que esta usa en disco

cuando una imagen se encuentra demasiado baja su resolución, se le conoce con el termino de "pixeleada"y es ahi donde a cada momento escuchamos comentarios de ese tipo, especialmente en el área de impresión, que es donde mas influye la resolución.

la siguiente imagen tomada de la wikipedia, nos muestra como la resolucion dicta la calidad de una imagen:


RESOLUCION DE SALIDA: MONITORES Y/O PANTALLAS

Cuando se preparan imágenes para la web, normalmente la primer pregunta a realizar es, que resolución debemos ponerle a la imagen? y la mayoria de personas responderan 72 DPI y estoy seguro que muchos mientras me leen, asienten con la cabeza :thumbsup: y dejenme contarles que no es asi.  :shock:

seguramente en este momento algunos estén dispuestos a reprocharme esto, argumentando que a mayor resolución mayor tamaño de imagen, pero aca les dejo algunas imágenes que demuestran que no es asi
imagen original click aki

la imagen izquierda muestra una bonita foto  :roll: :wub: pero enfoquemonos en el asunto de resolución si? podemos ver que es una imagen de 300px ancho por 200px alto con una resolución de 72 DPI tamaño de archivo estimado: 175.8K ... luego a la derecha vemos la misma imagen de 300px ancho por 200px alto con una resolución de 300DPI y aca es donde lo primero que podíamos pensar es va a pesar mas! pero no, la imagen lo prueba, mide siempre 175.8K

créanme yo soy uno que creía eso al principio, sin embargo luego de un tiempo, comprendí que no era de esa forma, pero por que? la resolución es un tema que solamente influye en la impresión y NO en la presentación en pantalla, en la presentacion en pantalla lo unico que influye es el ancho y alto de pixeles por lo que una imagen de 200px de ancho por 200px seguirá mostrándose de esas dimensiones independientemente de la resolución que esta tenga y seguirá ocupando la misma cantidad de espacio en disco.

Sin embargo este MITO tiene razón de ser, y es por que muchas pantallas tienen esa cantidad de pixeles por pulgada, y se creia que si usabas una imagen que tuviera la misma cantidad de pixeles por pulgada que una pantalla esta se veria mejor en las pantallas :wacko: , lo cual no es cierto ya que aunque la resolucion de la imagen sea diferente la pantalla no sera capaz de mostrar otra cosa diferente a 72DPI :thumbsup:

RESOLUCION DE SALIDA: IMPRESION DIGITAL

En el caso de la impresión ya no podemos tomarnos a la ligera la resolución ya que aca influye directamente la calidad de nuestros resultados y aca tambien existe un MITO como el anterior, y pueden preguntarle a quien quiera,
>Cual es la resolución mas apropiada para imprimir? y la respuesta que encontraran les garantizo sera 300DPI y déjenme contarles como esto nuevamente es un error  :big_boss: :D a la hora de imprimir, surge una dificultad mayor, ya que la resolución optima para imprimir no es como una receta mágica la cual sus ingredientes no cambian, por el contrario, aca dependemos completamente del dispositivo a usar y debemos documentarnos con el proovedor de hardware...

 por ejemplo si tu impresos dice tener una resolucion de 600, lo recomendable seria que para ese impresor utilicemos una imagen con una resolucion de 600/3=200

o si nuestro printer fuera como este: http://www.newegg.com/Product/Product.aspx?Item=N82E16828115095 la resolución de ese impresor es de 1200dpi por lo que dividimos entre 3 y obtenemos que la resolución optima para este printer es de 1200/3= 400dpi

como vemos, en este aspecto se complica un poco la situación y no existe una resolución que pueda servirte para todos los dispositivos de impresión digital, pero probablemente se pregunten, salvador y de que me podría afectar que yo use una imagen a 300DPI si el printer solamente necesita 200DPI? pues usar una imagen de mayor resolución usara mas espacio en disco y ademas llevara mas tiempo de procesamiento el realizar ajustes y aplicar efectos sobre ella, ademas que el tiempo de transferencia sera mayor entre la computadora y el impresor.

acá en la gráfica vemos como para mantener el mismo tamaño de impresión, y usar mayor resolución es necesario aumentar la cantidad de pixeles de ancho por alto por ende el tamaño de la imagen en disco


Ahora que pasa en el otro caso que el printer necesita 400DPI y solo le mando 300DPI? estaremos subutilizando el impresor ya que le mandaremos menos información de la que el puede producir...

de donde surgio este MITO? pues ha sido acunado hace mucho tiempo, cuando no habian impresores digitales que pudieran sobrepasar la calidad de 300DPI pero en la actualidad existen impresores que pueden sobrepasar esa resolucion con mucha facilidad por lo que llega el momento de dejar atras esa mentira y adaptarnos a las nuevas tendencias y tecnologias  :thumbsup:

RESOLUCION DE SALIDA: IMPRESION PROFESIONAL, IMPRENTAS

Ahora nos encontramos con otro uso de las imágenes digitales y es la de aquellos que imprimirán sus imágenes en imprentas, acá la resolución también viene a cambiar para empezar por que las imprentas no usan DPIs sino que usan  LPI (Lines Per Inch) en el caso que la imprenta con la que trabajemos imprima a 133lpi entonces la imagen a imprimir le conviene tener como resolución el lineaje multiplicado ya sea por 1.5 o por 2 si retomamos el caso de 133lpi la resolucion apropiada seria 133*1.5=199.5 (redondeado a 200) en caso el lineaje sea de 165 seria 156*1.5=247(podriamos usar 250)

RESOLUCION DE SALIDA: IMPRESIÓN GIGANTOGRAFIAS/MEGABANNERS

En el caso de la impresión de gran formato, podemos sacrificar la calidad, hay que recordar que la distancia a la que estos seran vistos no permitira ver los detalles pixeleados de la imagen, por lo que una resolución de 72DPI es mas que suficiente, y no se dejen enganar por personas que desconocen el tema y que les pidan tamaño real a 300DPI eso seria una cantidad de datos muy obscena e innecesaria, estarían perdiendo demasiado tiempo realizando los ajustes de la imagen y esta calidad no seria aprovechada correctamente.

con esto finalizamos este tema, el cual aun podria extenderse mas  :D (como si no fuera ya extenso  x_x ), cualquier cosa no duden en postearlo, si necesitan entrar en detalle en algun tema especifico con mas profundidad con gusto lo hare. :thumbsup:
« Última Modificación: noviembre 25, 2009, 12:56:16 pm por salvadoresc »
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado Belcboo

  • The Communiter-
  • *
  • Mensajes: 1338
  • ¦ॠ¦ вεłсвφφ ¦ॠ¦
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #1 : noviembre 24, 2009, 07:56:27 pm »
Muy muy interesante el tema... en especial para los que nos gusta travesiar en photoshop y algunos de los garabatos que hacemos los "impresumimos" ...

Gracias !!  :drinks:

Desconectado Capricorn Shura

  • The Communiter-
  • *
  • Mensajes: 1737
  • Everybody was a noob once...
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #2 : noviembre 24, 2009, 08:57:09 pm »
Solo una observación
Aquí decís ésto:
seguramente en este momento algunos estén dispuestos a reprocharme esto, argumentando que a mayor resolución mayor tamaño de imagen, pero aca les dejo algunas imágenes que demuestran que no es asi...
.... podemos ver que es una imagen de 300px ancho por 200px alto con una resolución de 72 DPI tamaño de archivo estimado: 175.8K ... luego a la derecha vemos la misma imagen de 300px ancho por 200px alto con una resolución de 300DPI y aca es donde lo primero que podíamos pensar es va a pesar mas! pero no, la imagen lo prueba, mide siempre 175.8K

créanme yo soy uno que creía eso al principio, sin embargo luego de un tiempo, comprendí que no era de esa forma, pero por que? la resolución es un tema que solamente influye en la impresión y NO en la presentación en pantalla, en la presentacion en pantalla lo unico que influye es el ancho y alto de pixeles por lo que una imagen de 200px de ancho por 200px seguirá mostrándose de esas dimensiones independientemente de la resolución que esta tenga y seguirá ocupando la misma cantidad de espacio en disco.
Pero luego dices ésto:
como vemos, en este aspecto se complica un poco la situación y no existe una resolución que pueda servirte para todos los dispositivos de impresión digital, pero probablemente se pregunten, salvador y de que me podría afectar que yo use una imagen a 300DPI si el printer solamente necesita 200DPI? pues usar una imagen de mayor resolución usara mas espacio en disco y ademas llevara mas tiempo de procesamiento el realizar ajustes y aplicar efectos sobre ella, ademas que el tiempo de transferencia sera mayor entre la computadora y el impresor.

Sorry man, pero tenía que hacerte ver eso, la verdad a mi me gusta mucho el diseño y por eso leí tu artículo. Y como ésta onda es para que vean que en el foro tenemos gente que hace sus propios artículos, hay que dejarlos de lujo ¿no creés?
Espero no lo tomés a mal es en buena onda  :thumbsup:
Por cierto, siempre se aprende algo nuevo, así que te agradesco por tu artículo, hay cosas que no tenía idea, creí que hacer imágenes era solo eso  :p, a ver cuando ponés la de vectores

Desconectado obser7er

  • The Communiter-
  • *
  • Mensajes: 4730
  • ferg(at)pcpimpz.com
    • PcPimpz Gamer Store - sucursal SVC
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #3 : noviembre 24, 2009, 09:58:58 pm »
Solo una observación
Aquí decís ésto:Pero luego dices ésto:
Sorry man, pero tenía que hacerte ver eso, la verdad a mi me gusta mucho el diseño y por eso leí tu artículo. Y como ésta onda es para que vean que en el foro tenemos gente que hace sus propios artículos, hay que dejarlos de lujo ¿no creés?
Espero no lo tomés a mal es en buena onda  :thumbsup:
Por cierto, siempre se aprende algo nuevo, así que te agradesco por tu artículo, hay cosas que no tenía idea, creí que hacer imágenes era solo eso  :p, a ver cuando ponés la de vectores

Creo que él solito que confundió entre la resolución y las dimensiones de la imagen...

Excelente artículo!
info: ferg(at)pcpimpz.com
Newegg|TigerDirect|Amazon|Directron|DELL-USATODO NUEVO Y SELLADO - Mandar a traer HW no es más barato pero es lo mejor!

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11658
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #4 : noviembre 24, 2009, 11:04:29 pm »
Solo una observación
Aquí decís ésto:Pero luego dices ésto:
el detalle es este, y creo que no fui muy claro al especificar ese punto  :thumbsup: cuando se trata de imagenes para la web la resolucion no afecta siempre y cuando las propiedades de ancho y de alto no cambien, como lo viste en la imagen. pero en el caso de la impresion(y aca es donde no aclare) para que la imagen tenga mas resolucion, necesitas que existan mas pixeles para distribuirlos ya que, como explicaba antes, la resolucion dice cuantos pixeles se asignaran por pulgada, asi que si queres mantener una imagen impresa al mismo tamanho pero aunmentar su resolucion, implicara tener mas anchoXalto  y en este caso si se incrementa el tamanho de archivo en disco

También en la primera está hablando de imágenes en jpg y en la segunda estámos hablando de por ejemplo un documento hecho en photoshop que tenés que hacer y pasar de 72dpi a 300dpi si puede afectar unos cuantos gigas el peso del documento.
fijate que me abstuve de mencionar formatos de imagen y software por que esto es un tema que igual se aplica independientemente del formato de archivo y programa :thumbsup: aunque claramente use photoshop  :wub:

Lo que no entendí es porqué dividis entre 3 la máxima resolución de impresión para crear un imágen óptima.-
esto es por que los impresores no imprimen los pixeles directamente, sino que utilizan gotas microscopicas o en el caso del toner polvo, el cual para simular un pixel se dice que usan un multiplo de 3 y de ahi surge la razon de dividir entre 3

perdon por los detalles, pero de por si ya sentia largo el articulo  :phew: y no queria hacerlo mas largo, pero el tema asi es, sumamente extenso y esa es la razon por la que surgieron los mitos, por que no es facil manipular las imagenes de la forma adecuada, pero vale la pena el esfuerzo  :mosh:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado ado17

  • The Communiter-
  • *
  • Mensajes: 1340
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #5 : noviembre 25, 2009, 07:23:18 am »
Solo te puedo decir que la cague porque de esto era por donde queria empezar con mis articulos  :p habra que pensar en otra cosa  :phew:

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11658
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #6 : noviembre 25, 2009, 12:59:26 pm »
agregue una nueva imagen para aclarar mejor el tema de la resolucion de impresion  :thumbsup:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Campolon

  • Visitante
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #7 : noviembre 25, 2009, 02:01:18 pm »
deberias de agregar al tema  una descripcion de porque 2 imagenes que miden lo mismo en area de pixeles (100 x 100 por ej.)  pueden tener 2 pesos diferentes.

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11658
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #8 : noviembre 25, 2009, 02:06:57 pm »
dos imágenes que tienen el mismo ancho por alto no pueden tener diferentes cantidad de espacio en disco, independientemente de la resolución, solo si aumentan los anchos y altos entonces si se incrementa el tamaño de archivo
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado mxgxw

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 5666
  • Starlet - 999cc
    • mxgxw
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #9 : noviembre 25, 2009, 02:43:31 pm »
dos imágenes que tienen el mismo ancho por alto no pueden tener diferentes cantidad de espacio en disco, independientemente de la resolución, solo si aumentan los anchos y altos entonces si se incrementa el tamaño de archivo

A nivel de bits si. Pero si es un JPG por ejemplo puede variar el nivel de compresión.

Con los JPGs entonces el problema no es el ancho o resolución sino la calidad de la imagen. El algoritmo de compresión JPEG al bajar la calidad comienza a agregar "artefactos" sobre todo en bordes. No se si se han fijado como a veces las lineas o cambios bruscos de color comienzan a verse distorsionados en imagenes JPEG de baja calidad.

Vos podes tener una imagen de 768x1024 en calidad máxima que poco distará del original pero que pesara bastante, o una imagen del mismo tamaño pero de calidad baja que tendrá muchas distorsiones y que pesara poquito.

« Última Modificación: noviembre 25, 2009, 03:22:13 pm por mxgxw »


Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11658
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #10 : noviembre 25, 2009, 07:14:11 pm »
ahhh pero ahi mismo lo dijiste, JPG, y ahi ya estamos entrando en el tema de compresion que es otro pisto, jpg usa compresion lossy... y a eso se deben las perdidas de informacion, que en realidad esos artefactos son pixeles eliminados para reducir el tamanho de archivo y los JPG, NO DEBEN ser usados para IMPRESION, jpg, gif y png son formatos de imagen estandares para la web y su uso debe limitarse a la web si se quiere la mayor calidad de impresion los formatos mas recomendables son los que no usan compresion lossy, pero de nuevo, esto hasta podria ser un articulo por que sino vua hacer otra sabana aki  :D

como le mencionaba a byron, aca me he enfocado en la resolucion en general, sin entrar en detalles de formatos de imagen, ni programas especificos por que sino, nunca hubiera terminado...  :D x_x x_x
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado obser7er

  • The Communiter-
  • *
  • Mensajes: 4730
  • ferg(at)pcpimpz.com
    • PcPimpz Gamer Store - sucursal SVC
Re:Pixeles al Desnudo - Resolucion de Imagen
« Respuesta #11 : noviembre 25, 2009, 09:23:28 pm »
como le mencionaba a byron, aca me he enfocado en la resolucion en general, sin entrar en detalles de formatos de imagen, ni programas especificos por que sino, nunca hubiera terminado... 

Entonces esperamos "formatos de imagen al desnudo" para la próxima entrega XD
info: ferg(at)pcpimpz.com
Newegg|TigerDirect|Amazon|Directron|DELL-USATODO NUEVO Y SELLADO - Mandar a traer HW no es más barato pero es lo mejor!