{"id":1790,"date":"2012-11-14T13:38:01","date_gmt":"2012-11-14T12:38:01","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=1790"},"modified":"2021-02-24T16:59:18","modified_gmt":"2021-02-24T15:59:18","slug":"hacia-una-web-en-alta-resolucion","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/hacia-una-web-en-alta-resolucion","title":{"rendered":"La fotograf\u00eda y el texto en la futura web en alta resoluci\u00f3n"},"content":{"rendered":"<p>Novedades tecnol\u00f3gicas \u00abrevolucionarias\u00bb las hay cada pocos meses, pero solo algunas llegan para quedarse. Son aquellas que, una vez probadas, hacen que todo lo anterior parezca obsoleto al instante: el paso del cassette al CD, del VHS al DVD o de la televisi\u00f3n anal\u00f3gica a la TDT.\u00a0Creo que en estos momentos asistimos a uno de estos cambios: el de las pantallas de alta resoluci\u00f3n en smartphones, tabletas e incluso PCs. Como en los casos anteriores, cuando se prueba una de \u00e9stas es muy dif\u00edcil volver a lo de antes.<\/p>\n<div id=\"attachment_1810\" style=\"width: 609px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1810\" class=\"size-full wp-image-1810\" title=\"Texto en una pantalla retina\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/sample.png\" alt=\"\" width=\"599\" height=\"124\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/sample.png 599w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/sample-300x62.png 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><p id=\"caption-attachment-1810\" class=\"wp-caption-text\">Un ejemplo de texto en una pantalla de alta definici\u00f3n. Contiene 4 veces m\u00e1s p\u00edxeles que en una pantalla normal del mismo tama\u00f1o.<\/p><\/div>\n<p>La cosa es sencilla: multiplicar el n\u00famero de p\u00edxeles en la pantalla hasta hacerlos casi invisibles para conseguir una nitidez al nivel del mejor papel impreso. En el caso del iPad la resoluci\u00f3n pasa de 1024&#215;768 a 2048&#215;1536, es decir, el doble en ambas dimensiones y 4 veces m\u00e1s en n\u00famero de p\u00edxeles.<\/p>\n<p>Todo empez\u00f3 a nivel global con el lanzamiento del iPhone 4 de Apple y su pantalla <em>Retina<\/em>. Poco a poco todos los smartphones de gama alta han ido incorporando este tipo de pantallas de alta definici\u00f3n. Tambi\u00e9n las tabletas, como por el iPad de tercera generaci\u00f3n con pantalla <em>Retina<\/em> o los m\u00e1s recientes Amazon <a href=\"http:\/\/www.amazon.com\/gp\/product\/B008GFRBBW\/ref=fs_jw\" target=\"_blank\" rel=\"noopener\">Kindle Fire HD<\/a> o <a href=\"http:\/\/www.google.com\/nexus\/\" target=\"_blank\" rel=\"noopener\">Google Nexus<\/a> de 7 y 10 pulgadas. Algunos port\u00e1tiles de Apple (los <a href=\"http:\/\/www.apple.com\/es\/macbook-pro\/\" target=\"_blank\" rel=\"noopener\">MacBook Pro<\/a>) tienen una versi\u00f3n con pantalla <em>Retina<\/em>, si bien a un precio prohibitivo.<\/p>\n<h2>La parte buena: el texto y las tipograf\u00edas<\/h2>\n<div id=\"attachment_1797\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1797\" class=\"size-full wp-image-1797\" title=\"Comparaci\u00f3n entre resoluciones normal y retina \" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fuentes1.png\" alt=\"\" width=\"600\" height=\"358\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fuentes1.png 600w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fuentes1-300x179.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1797\" class=\"wp-caption-text\">Comparaci\u00f3n entre pantallas de alta resoluci\u00f3n y resoluci\u00f3n normal. El texto de la pantalla normal est\u00e1 ampliado hasta el tama\u00f1o de la pantalla <em>Retina<\/em>.<\/p><\/div>\n<p>Lo primero que notamos al navegar usando uno de estos dispositivos es la incre\u00edble nitidez de los textos. No importa lo peque\u00f1o del tama\u00f1o ni lo raro de la tipograf\u00eda, todo se lee sin esfuerzo. Esto en mi opini\u00f3n es important\u00edsimo porque, junto a los nuevos directorios de tipograf\u00edas como <a title=\"Google Fonts y la importancia de la tipograf\u00eda en el dise\u00f1o web\" href=\"https:\/\/bluekea.com\/blog\/2012\/04\/google-fonts-y-la-importancia-de-la-tipografia-en-el-diseno-web\/\">Google Fonts<\/a>, \u00a0va a permitir usar sin problemas casi cualquier fuente y ello va a enriquecer enormemente el uso del texto en el dise\u00f1o de web que a d\u00eda de hoy en pantallas de baja resoluci\u00f3n se limita a titulares y textos grandes en general. Los textos del cuerpo de una p\u00e1gina web tienen un tama\u00f1o de letra que en pantallas de baja resoluci\u00f3n no permite diferenciar muchas veces entre unas fuentes y otras y directamente ciertas tipograf\u00edas de tipo \u00abcaligraf\u00eda manual\u00bb son ilegibles.<\/p>\n<h2>La parte no tan buena: las fotos<\/h2>\n<div id=\"attachment_1799\" style=\"width: 592px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1799\" class=\"size-full wp-image-1799\" title=\"fotos\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fotos.jpg\" alt=\"\" width=\"582\" height=\"333\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fotos.jpg 582w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2012\/11\/fotos-300x172.jpg 300w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><p id=\"caption-attachment-1799\" class=\"wp-caption-text\">Comparaci\u00f3n entre pantallas de alta resoluci\u00f3n y resoluci\u00f3n normal. La foto de la pantalla retina est\u00e1 reducida hasta el tama\u00f1o de la pantalla normal.<\/p><\/div>\n<p>Las fotograf\u00edas preparadas a un tama\u00f1o adecuado para dispositivos de alta resoluci\u00f3n tienen tal definici\u00f3n que le dejan a uno boquiabierto. El problema es que en la mayor\u00eda de las webs actuales las fotos, logos y el resto de im\u00e1genes no lo est\u00e1n.<\/p>\n<p>Resulta parad\u00f3jico que las fotos de una web se vean <strong>peor<\/strong> en una pantalla de alta resoluci\u00f3n, pero el hecho es que as\u00ed es en mucho casos (al menos en el iPad). El motivo es que la gran mayor\u00eda de los sitios web siguen con las mismas fotos de siempre, es decir, a un tama\u00f1o preparado para resoluciones normales. Cuando una de estas im\u00e1genes se muestra en una pantalla de alta resoluci\u00f3n, el navegador <em>estira\u00a0<\/em>los p\u00edxeles de la foto y llega a multiplicar en algunos casos por 4 los p\u00edxeles de la imagen. Cualquier fot\u00f3grafo que haya intentado hacer esto en Photoshop conoce el resultado: un desastre de definici\u00f3n. En el caso de la web la imagen al final ocupa lo mismo en la pantalla, no se ve m\u00e1s grande y ello amortigua el efecto, pero el hecho es que la definici\u00f3n de las fotos se resiente de un modo muy evidente.<\/p>\n<p>Ante este problema hay varias soluciones y las m\u00e1s eficientes pasan por disponer de varias versiones de cada imagen en el servidor de una web y hacer llegar al navegador aquella que mejor se adapte al dispositivo. Podr\u00edamos tener una imagen de gran tama\u00f1o para para pantallas de\u00a0alta resoluci\u00f3n y otra versi\u00f3n de la misma imagen a tama\u00f1o normal para el resto. Naturalmente otro factor importante es la velocidad de conexi\u00f3n, no tiene sentido servir una imagen de 3Mb por una conexi\u00f3n de datos a la velocidad de la tortuga, es mejor una imagen poco n\u00edtida a otra que nunca termina de descargar.<\/p>\n<h2>\u00bfC\u00f3mo nos preparamos en Bluekea?<\/h2>\n<p>La necesidad de servir fotos en alta resoluci\u00f3n en un futuro pr\u00f3ximo no se nos escapa y ya estamos estudiando posibles soluciones para todas las webs de fotograf\u00eda actuales y futuras alojadas en Bluekea. En este blog iremos publicando las novedades al respecto en la secci\u00f3n <a title=\"Laboratorio Bluekea\" href=\"https:\/\/bluekea.com\/blog\/category\/laboratorio-bluekea\/\">Laboratorio<\/a>.<\/p>\n<div><\/div>\n<h2>Hacia un futuro en HD<\/h2>\n<p>Por el momento este tipo de pantallas tiene un efecto importante en el coste final del producto, especialmente en los PCs por el gran tama\u00f1o de la pantalla, pero es de esperar que, como cualquier otra tecnolog\u00eda, evolucione hacia unos costes m\u00e1s bajos y por tanto a una mayor presencia en todo tipo de dispositivos. Las p\u00e1ginas web se ir\u00e1n preparando gradualmente para estas resoluciones y poco a poco entraremos en el\u00a0<em>Internet en HD<\/em>.<\/p>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Novedades tecnol\u00f3gicas \u00abrevolucionarias\u00bb las hay cada pocos meses, pero solo algunas llegan para quedarse. Son aquellas que, una vez probadas, hacen que todo lo anterior parezca obsoleto al instante: el paso del cassette al CD, del VHS al DVD o &hellip; <a href=\"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/hacia-una-web-en-alta-resolucion\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1810,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"class_list":["post-1790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webs-para-fotografos"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1790","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=1790"}],"version-history":[{"count":1,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1790\/revisions"}],"predecessor-version":[{"id":5366,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1790\/revisions\/5366"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/1810"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=1790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=1790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}