{"id":2725,"date":"2019-11-25T18:00:31","date_gmt":"2019-11-25T17:00:31","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=2725"},"modified":"2026-03-24T18:42:51","modified_gmt":"2026-03-24T17:42:51","slug":"cual-es-la-resolucion-correcta-para-fotografia-en-web","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/cual-es-la-resolucion-correcta-para-fotografia-en-web","title":{"rendered":"\u00bfCu\u00e1l es la resoluci\u00f3n correcta para fotograf\u00eda en web?"},"content":{"rendered":"

Con frecuencia en Bluekea recibimos una de la siguientes consultas:\u00a0\u00bfA qu\u00e9 resoluci\u00f3n debo preparar mis fotos para que se vean correctamente en mi web? \u00bfLa resoluci\u00f3n correcta para web es 72 puntos por pulgada?<\/p>\n

La respuesta es muy sencilla: la resoluci\u00f3n en pantalla no es relevante<\/strong>, ni influye para nada en la nitidez, el peso de la imagen o cualquier otro aspecto.<\/p>\n

\"Comparativa<\/p>\n

Imagen de la izquierda: 72 ppp. A la derecha: 300 ppp<\/em><\/h5>\n

Las dimensiones de la foto dentro de una p\u00e1gina web depender\u00e1n del propio dise\u00f1o de la web y del tama\u00f1o de la pantalla. Adem\u00e1s, hay que tener presente que hoy en d\u00eda las webs cambian su formato dependiendo del dispositivo en el que se muestran. Por ejemplo, una misma foto puede ocupar la tercera parte de la pantalla de un port\u00e1til, la mitad en una tablet y todo el ancho en un m\u00f3vil, independientemente de su resoluci\u00f3n.<\/p>\n

\u00bfPara qu\u00e9 sirve la resoluci\u00f3n?<\/h2>\n

La resoluci\u00f3n es fundamental al imprimir la imagen en papel u otro material, y determina el tama\u00f1o y nitidez de la impresi\u00f3n. Si una foto se imprime a 72 ppp ser\u00e1 mucho m\u00e1s grande -y menos n\u00edtida- que si se imprime a 300. Es decir la resoluci\u00f3n nos permite juntar m\u00e1s o menos los puntos de color que forman una imagen; si est\u00e1n m\u00e1s juntos aumenta la nitidez pero disminuye el tama\u00f1o (m\u00e1s resoluci\u00f3n), y si est\u00e1n m\u00e1s separados la imagen aumenta de tama\u00f1o -se expande-, a costa de reducir la nitidez (menos resoluci\u00f3n).<\/p>\n

Esto es as\u00ed porque en el papel podemos controlar la densidad o proximidad de los pixeles. Sin embargo, en una pantalla no podemos, porque los pixeles son fijos, son los puntos que forman la propia pantalla. <\/span>Por ejemplo, si vemos una foto de 900 p\u00edxeles a su tama\u00f1o completo fuera de la web -en Photoshop por ejemplo- y nuestra una pantalla tiene 100 ppp, la resoluci\u00f3n siempre va a ser 100. Una foto de 900 p\u00edxeles ocupar\u00e1 siempre 9 pulgadas (900\/100), da lo mismo que tenga 72 \u00f3 300 ppp, o un mill\u00f3n de ppp.<\/span><\/p>\n

\u00bfEntonces, cu\u00e1l es la clave de la nitidez en web?<\/h2>\n

Lo m\u00e1s importante para una foto se vea perfecta en web es que tenga las dimensiones en p\u00edxeles suficientes seg\u00fan el espacio que ocupar\u00e1 en nuestra p\u00e1gina. Por ejemplo, para una foto de fondo ocupando toda la pantalla, en Bluekea recomendamos un tama\u00f1o de 1920px de ancho. Si solo ha de ocupar la mitad de pantalla, puede bastar con 850px de ancho. En este art\u00edculo damos m\u00e1s detalles<\/a> de todas estas dimensiones y c\u00f3mo mantener el peso de las fotos adecuado.<\/p>\n

\n

Este art\u00edculo fue publicado originalmente en 2015, y ha sido completamente revisado y actualizado en noviembre de 2019.<\/em><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Con frecuencia en Bluekea recibimos una de la siguientes consultas:\u00a0\u00bfA qu\u00e9 resoluci\u00f3n debo preparar mis fotos para que se vean correctamente en mi web? \u00bfLa resoluci\u00f3n correcta para web es 72 puntos por pulgada?<\/p>\n

La respuesta es muy sencilla: la resoluci\u00f3n en pantalla no es relevante. Te explicamos por qu\u00e9. Sigue leyendo →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4844,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-2725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnica-digital"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/2725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=2725"}],"version-history":[{"count":13,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/2725\/revisions"}],"predecessor-version":[{"id":4852,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/2725\/revisions\/4852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/4844"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=2725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=2725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=2725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}