{"id":4748,"date":"2013-11-29T19:15:05","date_gmt":"2013-11-29T18:15:05","guid":{"rendered":"https:\/\/meisi.es\/diseno\/\/?p=4748"},"modified":"2016-11-29T13:37:12","modified_gmt":"2016-11-29T12:37:12","slug":"no-mas-lios-con-la-resolucion","status":"publish","type":"post","link":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/","title":{"rendered":"No m\u00e1s l\u00edos con la resoluci\u00f3n"},"content":{"rendered":"

Ni uno m\u00e1s. He creado una infograf\u00eda, creo que con ella y la explicaci\u00f3n a continuaci\u00f3n, esto te va a quedar claro.<\/p>\n

\"entender
\n\u00bfTienes problemas para entender por qu\u00e9 una imagen (una foto, un dise\u00f1o) de repente se ve borrosa al subirla a Facebook o al blog, por qu\u00e9 al imprimirla de repente es chiquit\u00edsima, o por qu\u00e9 es grande pero est\u00e1 pixelizada o borrosa?. \u00bfPor qu\u00e9 una imagen que aqui es grande, la coloco all\u00e1 y es enana, por qu\u00e9 esta foto que aqui est\u00e1 perfecta, la paso all\u00ed y se ve fatal?
\nT\u00fa tambi\u00e9n te las ves con cuestiones de resoluci\u00f3n.<\/p>\n

Te parece algo enigm\u00e1tico, de buenas a primeras no tienes nociones para comprender qu\u00e9 est\u00e1 pasando y qu\u00e9 relaci\u00f3n hay entre unas cosas y otras.<\/p>\n

Te lo voy a explicar de forma sencilla.<\/p>\n

Antes de internet, quien trabajaba sobre una imagen en un ordenador sol\u00eda usar una \u00fanica resoluci\u00f3n. Era 300 puntos por pulgada (ppp) o dots per inche (dpi). Es un numero de puntitos que caben en una unidad, la pulgada. Concretamente 300. Y con eso puesto a pi\u00f1\u00f3n fijo en tu Photoshop todo sal\u00eda bien. Al imprimir en un papel no habia sorpresas.<\/p>\n

Luego llegaron las c\u00e1maras de fotos digitales.
\nCuando colocabas en el ordenador la foto desde la c\u00e1mara y la imprim\u00edas empezaba el l\u00edo:<\/p>\n

\u00bfQu\u00e9 tama\u00f1o tiene la foto que acaba de ponerse en la pantalla?. Le doy a imprimir y… puede pasar cualquier cosa, fotos enormes que no cab\u00edan en un A4, era lo m\u00e1s t\u00edpico.<\/p>\n

Despu\u00e9s llego internet para acabar de liar el asunto. Tu blog te dice esa foto es demasiado grande cuando al sacarla de la c\u00e1mara se ve del mismo tama\u00f1o que a donde quieres subirla.
\n\u00bfQu\u00e9 relaci\u00f3n tienen las fotos de la c\u00e1mara (el m\u00f3vil, el tablet) con las fotos de internet?<\/p>\n

Otras preguntas cl\u00e1sicas son \u00bfC\u00f3mo s\u00e9 c\u00f3mo poner una foto al tama\u00f1o que me piden en un avatar?, \u00bfc\u00f3omo hago un banner del tama\u00f1o que encaje en mi blog? o por qu\u00e9 mi logo sale borroso al imprimir el Word.<\/p>\n

Hasta aqu\u00ed la historia de los problemas.
\nAhora la explicaci\u00f3n.<\/p>\n

La resoluci\u00f3n optima para todo lo que va a ser impreso en un papel es 300ppp (o dpi).
\nLa resoluci\u00f3n \u00f3ptima de todo lo que sale en internet es 72ppp (o dpi).
\nLa resoluci\u00f3n de las fotos que salen de tu c\u00e1mara es la que est\u00e1 puesta en sus preferencias. Se puede modificar, suelen medirse en megapixles o en un n\u00famero de pixeles x otro n\u00famero de pixeles<\/p>\n

Como puedes ver en la infograf\u00eda, lo que sale de una c\u00e1mara puede ser una imagen de un tama\u00f1o grande, mas grande o m\u00e1s grande. El tama\u00f1o que elijamos no varia. Pero la vemos a diferente tama\u00f1o porque es el soporte el que es de diferente tama\u00f1o.<\/strong> Por eso vemos m\u00e1s o menos superficie de una misma imagen.<\/p>\n

C\u00f3mo controlar las fotos que han de imprimirse en papel.<\/p>\n

Como cada uno tiene su c\u00e1mara y su resoluci\u00f3n puesta en sus preferencias, voy a hacerlo f\u00e1cil: vamos a traducirlas para que se vean bien en internet o en papel. Y lo mejor: vamos a controlar la situaci\u00f3n.<\/p>\n

S\u00edgueme paso a paso en Photoshop.<\/p>\n

1. Abre tu foto reci\u00e9n descargada de tu c\u00e1mara (o m\u00f3vil).
\n2. Abre un nuevo documento en blanco que sea un A4, f\u00edjate bien como dice 300ppp.
\n3. Ponte sobre tu foto de nuevo. Selecciona toda la foto Selecci\u00f3n > Todo<\/em>, copia Edici\u00f3n > Copiar<\/em>
\n4. Vuelve al documento en blanco. Pega (Edici\u00f3n > Pegar<\/em>)<\/p>\n

\u00bfC\u00f3mo te sale?. Piensa que estas encima de un papel A4. Tal y como haya caido pegada es el tama\u00f1o que tiene real, es decir que si eso es un A4 ya puedes ver que es m\u00e1s grande o menor que \u00e9l.<\/p>\n

Ya sabes, ahora puedes decir Comando (o Control) + T y manteniendo la tecla may\u00fascula apretada puedes redimensionar tu foto SIEMPRE REDUCIENDO. Esta es una regla universal. Jam\u00e1s se puede ampliar una foto. Porque los pixels nunca crecen, solo se amplian vi\u00e9ndose borroso.<\/strong> De esa forma si quieres imprimir dos fotos en un A4 o m\u00e1s puedes colocarlas todas en \u00e9l y crear documentos para llevar a imprimir. O en vez de abrir un A4 abrir un documanto de tantos cms por tantos cms, pero siempre a 300ppp<\/p>\n

Fotos que van de tu c\u00e1mara a internet al tama\u00f1o exacto y son nitidas.<\/p>\n

Sup\u00f3n que quieres hacer una cabecera para tu Facebook. Has visto que piden 851px x315px.
\nAhora que vas a hacer un trabajo para internet, la primera cosa que has de tener en cuenta que lo que aparece en pantalla ya no se mide en cm o mm sino en pixels.<\/strong><\/p>\n

Muy bien, abro mi Photoshop y le digo Abrir > Nuevo<\/em>, elijo las unidades (pixels) y pongo las medidas y la resoluci\u00f3n que ser\u00e1 72ppp.<\/p>\n

Este documento que se abre es el tama\u00f1o que tendr\u00e1 la cabecera de Facebook.
\nAbre tu fotograf\u00eda. Selecciona, y corta como te expliqu\u00e9 antes.
\nVete a la cabecera y pega. Seguramente ser\u00e1 enooorme, y aprecer\u00e1 solo un trocito de tu foto. Puedes hacer dos cosas, hacer la foto m\u00e1s peque\u00f1a con Control o Comando +T, apretando may\u00fasculas o hacerla m\u00e1s peque\u00f1a antes de copiarla.
\nPara ello, vuelve al documento de la foto.
\nAbre Imagen > tama\u00f1o de Imagen<\/em>, dale PRIMERO la resolucion 72ppp y a continuaci\u00f3n o la medida del alto o del ancho de Facebook segun convenga. La otra medida se redimensionar\u00e1 solita. Ahora copia la imagen y p\u00e9gala, ser\u00e1 m\u00e1s manejable. Si te has quedado corto y es demasiado peque\u00f1a, vuelve atras en el documento de la foto y con Comando o Control+ Z deshaz la acci\u00f3n y pon de nuevo otras medidas. Pero recuerda, NUNCA aumentes una fotografia.<\/p>\n

Y esto vale para avatares, banners o cualquier cosa que salga en internet. Si conoces la medida, puedes pasar tu foto facilmente. Yo lo hago con Photoshop pero cualquier programa de edici\u00f3n que te deje poner resoluci\u00f3n valdr\u00e1.<\/p>\n

\u00a1De nuevo! recuerdo que estos dias tengo a la venta un bonito kit de elementos de Navidad<\/a> para vuestros blogs hecho con mucho cari\u00f1o.<\/p>\n

\u00a1Comparte en estos botoncitos si te gust\u00f3!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Ni uno m\u00e1s. He creado una infograf\u00eda, creo que con ella y la explicaci\u00f3n a continuaci\u00f3n, esto te va a quedar claro. \u00bfTienes problemas para entender por qu\u00e9 una imagen (una foto, un dise\u00f1o) de repente se ve borrosa al subirla a Facebook o al…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[67],"tags":[53,102,101],"class_list":["post-4748","post","type-post","status-publish","format-standard","hentry","category-cuida-tu-blog","tag-fotografia-2","tag-infografia","tag-resolucion"],"yoast_head":"\nNo m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"No m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi\" \/>\n<meta property=\"og:description\" content=\"Ni uno m\u00e1s. He creado una infograf\u00eda, creo que con ella y la explicaci\u00f3n a continuaci\u00f3n, esto te va a quedar claro. \u00bfTienes problemas para entender por qu\u00e9 una imagen (una foto, un dise\u00f1o) de repente se ve borrosa al subirla a Facebook o al...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/\" \/>\n<meta property=\"og:site_name\" content=\"Meisi\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/MeisiEstudio\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-29T18:15:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-29T12:37:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png\" \/>\n<meta name=\"author\" content=\"Meisi\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Meisi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/\",\"url\":\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/\",\"name\":\"No m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi\",\"isPartOf\":{\"@id\":\"https:\/\/meisi.es\/diseno\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png\",\"datePublished\":\"2013-11-29T18:15:05+00:00\",\"dateModified\":\"2016-11-29T12:37:12+00:00\",\"author\":{\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage\",\"url\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png\",\"contentUrl\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/meisi.es\/diseno\/#website\",\"url\":\"https:\/\/meisi.es\/diseno\/\",\"name\":\"Meisi\",\"description\":\"Recursos de dise\u00f1o para bloggers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/meisi.es\/diseno\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6\",\"name\":\"Meisi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g\",\"caption\":\"Meisi\"},\"sameAs\":[\"https:\/\/meisi.es\/diseno\/\",\"https:\/\/www.facebook.com\/MeisiEstudio\",\"https:\/\/x.com\/Meisitweets\"],\"url\":\"https:\/\/meisi.es\/diseno\/author\/meisi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"No m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/","og_locale":"es_ES","og_type":"article","og_title":"No m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi","og_description":"Ni uno m\u00e1s. He creado una infograf\u00eda, creo que con ella y la explicaci\u00f3n a continuaci\u00f3n, esto te va a quedar claro. \u00bfTienes problemas para entender por qu\u00e9 una imagen (una foto, un dise\u00f1o) de repente se ve borrosa al subirla a Facebook o al...","og_url":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/","og_site_name":"Meisi","article_author":"https:\/\/www.facebook.com\/MeisiEstudio","article_published_time":"2013-11-29T18:15:05+00:00","article_modified_time":"2016-11-29T12:37:12+00:00","og_image":[{"url":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png","type":"","width":"","height":""}],"author":"Meisi","twitter_misc":{"Escrito por":"Meisi","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/","url":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/","name":"No m\u00e1s l\u00edos con la resoluci\u00f3n - Meisi","isPartOf":{"@id":"https:\/\/meisi.es\/diseno\/#website"},"primaryImageOfPage":{"@id":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage"},"image":{"@id":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage"},"thumbnailUrl":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png","datePublished":"2013-11-29T18:15:05+00:00","dateModified":"2016-11-29T12:37:12+00:00","author":{"@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/meisi.es\/diseno\/no-mas-lios-con-la-resolucion\/#primaryimage","url":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png","contentUrl":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2013\/11\/resolucion-infographics1.png"},{"@type":"WebSite","@id":"https:\/\/meisi.es\/diseno\/#website","url":"https:\/\/meisi.es\/diseno\/","name":"Meisi","description":"Recursos de dise\u00f1o para bloggers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/meisi.es\/diseno\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6","name":"Meisi","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g","caption":"Meisi"},"sameAs":["https:\/\/meisi.es\/diseno\/","https:\/\/www.facebook.com\/MeisiEstudio","https:\/\/x.com\/Meisitweets"],"url":"https:\/\/meisi.es\/diseno\/author\/meisi\/"}]}},"_links":{"self":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/4748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/comments?post=4748"}],"version-history":[{"count":5,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/4748\/revisions"}],"predecessor-version":[{"id":5970,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/4748\/revisions\/5970"}],"wp:attachment":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/media?parent=4748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/categories?post=4748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/tags?post=4748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}