{"id":8548,"date":"2015-10-03T17:15:15","date_gmt":"2015-10-03T17:15:15","guid":{"rendered":"http:\/\/belgrano.es\/web\/?p=8548"},"modified":"2017-04-16T00:07:37","modified_gmt":"2017-04-16T00:07:37","slug":"resolucion-de-foto-para-web-o-papel","status":"publish","type":"post","link":"https:\/\/belgrano.es\/web\/resolucion-de-foto-para-web-o-papel\/","title":{"rendered":"Resoluci\u00f3n de foto para web o papel"},"content":{"rendered":"<p style=\"text-align: justify;\">Muchas veces no sabemos que\u00a0resoluci\u00f3n de foto para web o papel usar, ya que nos confundimos\u00a0con los p\u00edxeles, los cent\u00edmetros, los ppp (p\u00edxeles por pulgada, \u00bfy esto que <em>%&amp;#$!$<\/em>&#8230;es?), que si extensi\u00f3n jpg, png, gif&#8230; etc.<\/p>\n<h3 style=\"text-align: justify;\">Primer paso, calidad al realizar la fotograf\u00eda, el sensor de mi c\u00e1mara<\/h3>\n<p style=\"text-align: justify;\">Cuando realizas una foto con tu c\u00e1mara, la imagen puedes indicar que <strong>calidad o resoluci\u00f3n<\/strong> quieres. Mientras m\u00e1s resoluci\u00f3n, mayor peso (tama\u00f1o) m\u00e1s informaci\u00f3n en la foto, lo que quiere decir que podr\u00e1s sacar una copia m\u00e1s grande en un momento dado ya que la fotograf\u00eda contiene m\u00e1s informaci\u00f3n por cm\u00b2.<\/p>\n<p style=\"text-align: justify;\">Lo contrario no es posible, es decir, no podemos hacer una foto en una resoluci\u00f3n menor e intentar ampliarla. Bueno, os ment\u00ed, si es posible, pero se pierde calidad (no entrar\u00e9 en detalles).<\/p>\n<h4 style=\"text-align: justify;\">\u00bfQu\u00e9 resoluciones tiene mi c\u00e1mara?<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8549 size-medium alignleft\" src=\"http:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/IMG_20151003_171026-300x225.jpg\" alt=\"IMG_20151003_171026\" width=\"300\" height=\"225\" \/><\/h4>\n<p style=\"text-align: justify;\">Entrando en el men\u00fa de mi Canon 60D (puedes mirarlo en el men\u00fa de tu c\u00e1mara).<\/p>\n<p style=\"text-align: justify;\">Las resoluciones se miden en p\u00edxeles, que es la medida para las pantallas, aunque tienen correspondencia en cm y todo depende de la informaci\u00f3n contenida en cada \u00abpulgada\u00bb.<\/p>\n<p style=\"text-align: justify;\">Veamos antes las resoluciones de mi c\u00e1mara:<\/p>\n<table border=\"1\" width=\"98%\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\"><strong>Formato<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>\u00a0Tama\u00f1o \/ Megas<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>Resoluci\u00f3n<\/strong><\/td>\n<\/tr>\n<tr>\n<td>RAW<\/td>\n<td style=\"text-align: center;\">18 M<\/td>\n<td style=\"text-align: center;\">5184 x 3456<\/td>\n<\/tr>\n<tr>\n<td>Medium RAW (MRAW)<\/td>\n<td style=\"text-align: center;\">10 M<\/td>\n<td style=\"text-align: center;\">3888 x 2592<\/td>\n<\/tr>\n<tr>\n<td>Small RAW (SRAW)<\/td>\n<td style=\"text-align: center;\">4.5 M<\/td>\n<td style=\"text-align: center;\">2592\u00a0x\u00a01728<\/td>\n<\/tr>\n<tr>\n<td>High JPG<\/td>\n<td style=\"text-align: center;\">\u00a018 M<\/td>\n<td style=\"text-align: center;\">5184&#215;3456<\/td>\n<\/tr>\n<tr>\n<td>Medium JPG<\/td>\n<td style=\"text-align: center;\">\u00a08 M<\/td>\n<td style=\"text-align: center;\">3456 x 2304<\/td>\n<\/tr>\n<tr>\n<td>Small JPG<\/td>\n<td style=\"text-align: center;\">4.5 M<\/td>\n<td style=\"text-align: center;\">2592\u00a0x\u00a01728<\/td>\n<\/tr>\n<tr>\n<td>&#8230;<\/td>\n<td style=\"text-align: center;\">&#8230;<\/td>\n<td style=\"text-align: center;\">&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"text-align: justify;\">Todo depender\u00e1 de nuestra c\u00e1mara, el sensor que tenga, etc.<\/p>\n<h3 style=\"text-align: justify;\">Tama\u00f1o, Resoluci\u00f3n y p\u00edxeles por pulgada (ppp)<\/h3>\n<p style=\"text-align: justify;\">Si hablamos de el <strong>tama\u00f1o de la imagen<\/strong>, normalmente pensamos en <strong>cent\u00edmetros<\/strong> (cm), ya que en realidad, cuando imprimimos una foto, \u00e9sta se mide en cm. <strong>20&#215;30 cm<\/strong>, <strong>30&#215;40 cm<\/strong>, <strong>30&#215;45 cm<\/strong>, etc. Y solemos solicitar una copia utilizando estas medidas.<\/p>\n<p style=\"text-align: justify;\">Y si hablamos de ver <strong>la imagen en una pantalla<\/strong>, hablamos de <strong>resoluci\u00f3n<\/strong>: <strong>800&#215;600 px<\/strong>, <strong>1280&#215;720 px<\/strong>&#8230; y son las medidas de nuestra pantalla, monitor, m\u00f3vil, etc. Es decir, un pixel es la \u00fanidad m\u00ednima homog\u00e9nea en color de una imagen digital, de una imagen representada en una pantalla digital. Si haces un zoom en photoshop, podr\u00e1s ir aumentando la im\u00e1gen hasta ver los p\u00edxeles de la imagen.<\/p>\n<p style=\"text-align: justify;\">Ahora bien, lo <strong>fundamental<\/strong> aqu\u00ed son los <strong>p\u00edxeles por pulgada<\/strong> (ppp), que es una <strong>medida de impresi\u00f3n<\/strong>. Los ppp nos indican que cantidad de p\u00edxeles\u00a0que existen por pulgada (una pulgada =\u00a02,54 cent\u00edmetros).\u00a0Simplemente deciros que una buena elecci\u00f3n para <strong>im\u00e1genes para la web<\/strong> ser\u00eda de 96 ppp (o 72, con menos peso o tama\u00f1o), ya que no van a ser impresas en papel y por tanto, no se necesita mucha informaci\u00f3n en la imagen. Nuestro ojo en pantalla no necesita m\u00e1s para ver una imagen con calidad en la pantalla, es incapaz de detectar unos ppp mayores.<\/p>\n<p style=\"text-align: justify;\">De hecho, si haces una captura de tu pantalla del ordenador (Bot\u00f3n Imprimir-Pantalla) y la pegas en un nuevo archivo de photoshop, observar\u00e1s que la resoluci\u00f3n de tu pantalla ser\u00e1 probablemente de 72 ppp.<\/p>\n<p style=\"text-align: justify;\">Si vamos a llevar a imprimir nuestra foto, lo mejor ser\u00eda usar una calidad de 300 ppp, ya que ir\u00e1 impresa en papel y ah\u00ed si podr\u00edamos\u00a0notar el pixelado (t\u00edpicos cuadraditos al hacer zoom) si usamos unos ppp m\u00e1s bajo. Esos 300 ppp en papel significa que en una pulgada (2,54 cm), tendremos 300 \u00abpuntitos de definici\u00f3n\u00bb, con lo que tendr\u00e9mos una calidad fotogr\u00e1fica de nuestra imagen (en papel).<\/p>\n<h3 style=\"text-align: justify;\">Extensiones, que formato\u00a0elegir<\/h3>\n<p style=\"text-align: justify;\">Por \u00faltimo, debemos elegir el <strong>formato de la imagen<\/strong>. El <a href=\"https:\/\/es.wikipedia.org\/wiki\/Anexo:Formatos_de_archivo_de_gr%C3%A1ficos\" target=\"_blank\" rel=\"noopener\">formato de archivos gr\u00e1ficos<\/a>\u00a0indica el modo en el que se guardar\u00e1, si usa o no compresi\u00f3n, si usa capas, etc..\u00a0Existen muchos formatos,<strong> jpg, png, bmp, gif, jpg2, psd, .tiff, etc.<\/strong><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8552\" src=\"http:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/foto_novia_guardandojpg.png\" alt=\"foto_novia_guardandojpg\" width=\"600\" height=\"335\" srcset=\"https:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/foto_novia_guardandojpg.png 600w, https:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/foto_novia_guardandojpg-350x195.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: justify;\">Algunos formatos guardan la imagen con capas, otros realizan compresi\u00f3n con o sin p\u00e9rdida de calidad,otros permiten transparencia, elegir la calidad, etc.<\/p>\n<p style=\"text-align: justify;\">Debes tener en cuenta que algunos formatos (jpg, png..) os permiten elegir que tipo de calidad debe usarse. A Mayor calidad, menor compresi\u00f3n y por tanto menor p\u00e9rdida de calidad.<\/p>\n<h3 style=\"text-align: justify;\">Conclusiones<\/h3>\n<p style=\"text-align: justify;\">Como conclusi\u00f3n, deber\u00edas tomar las fotos a una resoluci\u00f3n grande, que te permita despu\u00e9s reducir el tama\u00f1o si fuera necesario, ya que al rev\u00e9s no se puede hacer porque la imagen pierde calidad.<\/p>\n<p style=\"text-align: justify;\">Para <strong>el formato<\/strong> os comento que pod\u00e9is usar el formato <strong>.png<\/strong> <strong>para web<\/strong>, ya que la im\u00e1gen queda guardada con una calidad aceptable y adem\u00e1s permite transparencias. Con <strong>96 ppp<\/strong>. Con una calidad \/ compresi\u00f3n de 80%.<\/p>\n<p style=\"text-align: justify;\">Si vamos a usar la imagen <strong>para<\/strong>\u00a0llevarla a <strong>imprimir<\/strong> a un laboratorio, pod\u00e9is elegir .<strong>jpg<\/strong> a m\u00e1xima calidad, y por supuesto <strong>300 ppp<\/strong>. Aunque tambi\u00e9n pod\u00e9is preguntar si la prefieren en tiff o en otro formato. La calidad elegida en este caso ser\u00e1 del 100% o m\u00e1xima, para que no haya p\u00e9rdida de informaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">El <strong>tama\u00f1o de la foto para web<\/strong>, depender\u00e1 para que vayamos a usarla. Si es para un logotipo, pod\u00e9is usar una resoluci\u00f3n de 300&#215;300 (cuadrado), 400&#215;200 (rectangular), etc. Estas im\u00e1genes que v\u00e9is en el art\u00edculo, tienen un tama\u00f1o de 600 p\u00edxeles de ancho.<\/p>\n<div id=\"attachment_8553\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8553\" class=\"size-full wp-image-8553\" src=\"http:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/photoshop_pixeles_centimetros.png\" alt=\"Photoshop, cambiando de pixeles a cent\u00edmetros\" width=\"600\" height=\"287\" srcset=\"https:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/photoshop_pixeles_centimetros.png 600w, https:\/\/belgrano.es\/web\/wp-content\/uploads\/2015\/10\/photoshop_pixeles_centimetros-350x167.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-8553\" class=\"wp-caption-text\">Photoshop, cambiando de pixeles a cent\u00edmetros<\/p><\/div>\n<p style=\"text-align: justify;\">El <strong>tama\u00f1o de la foto para imprimir<\/strong>, depende tambi\u00e9n de los cm. Puedes abrir una imagen o fotograf\u00eda con Photoshop y pulsar en el men\u00fa \u00ab<strong>Imagen-&gt;Tama\u00f1o de la imagen<\/strong>\u00ab, para ver el tama\u00f1o en p\u00edxeles y cambiar\u00a0la medida\u00a0a cent\u00edmetros. Lo mejor es llevar la imagen en<strong> jpg al m\u00e1ximo de resoluci\u00f3n<\/strong> que nos permiti\u00f3 lanzar nuestra c\u00e1mara, en este ejemplo\u00a05184 x 3456 p\u00edxeles con 240 ppp. (36,58 x 54,86 cm)<\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>Muchas veces no sabemos que\u00a0resoluci\u00f3n de foto para web o papel usar, ya que nos confundimos\u00a0con los p\u00edxeles, los cent\u00edmetros, los ppp (p\u00edxeles por pulgada, \u00bfy esto que %&amp;#$!$&#8230;es?), que si extensi\u00f3n jpg, png, gif&#8230; etc. Primer paso, calidad al realizar la fotograf\u00eda, el sensor de mi c\u00e1mara Cuando realizas una foto con tu c\u00e1mara,&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/belgrano.es\/web\/resolucion-de-foto-para-web-o-papel\/\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":8553,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[2,4,8],"tags":[],"class_list":["post-8548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fotografia","category-photoshop","category-tutoriales"],"_links":{"self":[{"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/posts\/8548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/comments?post=8548"}],"version-history":[{"count":5,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/posts\/8548\/revisions"}],"predecessor-version":[{"id":27399,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/posts\/8548\/revisions\/27399"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/media\/8553"}],"wp:attachment":[{"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/media?parent=8548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/categories?post=8548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/belgrano.es\/web\/wp-json\/wp\/v2\/tags?post=8548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}