{"id":2836,"date":"2015-09-28T10:00:34","date_gmt":"2015-09-28T08:00:34","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=2836"},"modified":"2021-03-01T17:16:33","modified_gmt":"2021-03-01T16:16:33","slug":"sorteando-la-nefasta-calidad-de-las-imagenes-de-facebook","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/sorteando-la-nefasta-calidad-de-las-imagenes-de-facebook","title":{"rendered":"Sorteando la nefasta calidad de las im\u00e1genes de Facebook"},"content":{"rendered":"<p style=\"text-align: justify;\">Hoy he conseguido por fin, despu\u00e9s de sudar tinta, subir una foto de cabecera a la p\u00e1gina de <a href=\"https:\/\/www.facebook.com\/BluekeaWebsites\" target=\"_blank\" rel=\"noopener\">Facebook<\/a> de Bluekea con un m\u00ednimo de calidad. Os cuento c\u00f3mo dentro de un momento.<\/p>\n<p style=\"text-align: justify;\">Como fot\u00f3grafo familiarizado con la imagen digital\u00a0y\u00a0creador\u00a0de webs de fotograf\u00eda siempre me ha llamado fuertemente la\u00a0atenci\u00f3n lo rematadamente mal que se ven las fotos cuando se suben a Facebook. Un ejemplo:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2848\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/good.jpg\" alt=\"good\" width=\"650\" height=\"232\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/good.jpg 650w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/good-300x107.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2839\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8243.jpg\" alt=\"screenshot8243\" width=\"650\" height=\"232\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8243.jpg 650w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8243-300x107.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p style=\"text-align: justify;\"><em>Imagen jpg antes y despu\u00e9s de subirla a Facebook<\/em><\/p>\n<p style=\"text-align: justify;\">Est\u00e1 claro que Facebook busca un peso m\u00ednimo de las im\u00e1genes para garantizar la m\u00e1xima velocidad de sus p\u00e1ginas. El problema es que para conseguirlo optan por unos niveles de compresi\u00f3n brutales en los archivos jpg que destrozan las fotos, lo que resulta\u00a0absurdo cuando hablamos de una red social donde\u00a0que los\u00a0contenidos m\u00e1s importantes son casi siempre las im\u00e1genes.\u00a0Desde mi modesto punto de vista hoy d\u00eda existe tecnolog\u00eda m\u00e1s que suficiente para conseguir buenas velocidades en web sin sacrificar la calidad de las fotos. Internet est\u00e1 lleno de ejemplos.<\/p>\n<h2 style=\"text-align: justify;\">C\u00f3mo conservar un poquito de calidad en la foto de cabecera<\/h2>\n<p style=\"text-align: justify;\">Si eres fot\u00f3grafo y tienes p\u00e1gina oficial en Facebook sabes lo importante que es la foto de cabecera.\u00a0El problema es que uno sigue las recomendaciones de Facebook, prepara su imagen con\u00a0cuidado, la exporta en archivo jpg con poco peso y buena nitidez, la sube a Facebook y el resultado es penoso. Os cuento mi experiencia:<\/p>\n<ul style=\"text-align: justify;\">\n<li>Seg\u00fan <a href=\"https:\/\/www.facebook.com\/help\/266520536764594\" target=\"_blank\" rel=\"noopener\">las recomendaciones oficiales de Facebook<\/a>,\u00a0si subes una foto que pese menos de 100Kb, \u00e9sta no se comprime. Esto no es as\u00ed, al menos para la imagen de cabecera. La compresi\u00f3n se sigue aplicando con el resultado antes comentado.<\/li>\n<li>Facebook permite subir fotos en alta resoluci\u00f3n a 2048px desde el panel de control de im\u00e1genes, marcando la opci\u00f3n correspondiente. Correcto, pero cuando intentas colocar una de esas im\u00e1genes como cabecera, se vuelve a aplicar la compresi\u00f3n.<\/li>\n<li>Siguiendo los consejos de algunos blogs al respecto, he intentado subir fotos en jpg a varios tama\u00f1os y niveles de compresi\u00f3n. Ninguno funciona bien.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Tras muchas pruebas la soluci\u00f3n ha sido preparar la foto a un tama\u00f1o de <strong>930px<\/strong> de ancho y en formato <strong>PNG de 24 bits<\/strong>. De este\u00a0modo la\u00a0calidad de la imagen resultante es mejor porque Facebook no aplica su compresi\u00f3n asesina al no ser una imagen jpg. El PNG\u00a0es un formato que solamente debe utilizarse en web para im\u00e1genes\u00a0en colores m\u00e1s bien\u00a0planos como logotipos o iconos. Usado en fotograf\u00eda da como resultado ficheros mucho m\u00e1s pesados y con colores m\u00e1s pobres que el jpg. A pesar de todo esto, es la \u00fanica soluci\u00f3n que he encontrado en este caso.<\/p>\n<p style=\"text-align: justify;\">Aqu\u00ed comparamos ambos formatos en la imagen de cabecera de nuestra p\u00e1gina de Facebook. En la izquierda JPG con\u00a0p\u00e9sima calidad; en la derecha PNG con mejor nitidez en la silueta, pero color algo m\u00e1s pobre:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2840\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8244.jpg\" alt=\"screenshot8244\" width=\"650\" height=\"232\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8244.jpg 650w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2015\/09\/screenshot8244-300x107.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p style=\"text-align: justify;\">Hay que destacar que los artefactos de la compresi\u00f3n jpg son mucho m\u00e1s evidentes en im\u00e1genes como \u00e9sta con texto en una tipograf\u00eda de trazo fino y siluetas o contornos marcados. La elecci\u00f3n de uno u otro formato depender\u00e1 de la imagen en concreto.<\/p>\n<p style=\"text-align: justify;\">Finalmente, si alguien conoce un m\u00e9todo mejor que el aqu\u00ed descrito, estar\u00e9 encantado de saberlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy he conseguido por fin, despu\u00e9s de sudar tinta, subir una foto de cabecera a la p\u00e1gina de Facebook de Bluekea con un m\u00ednimo de calidad. Os cuento c\u00f3mo dentro de un momento. Como fot\u00f3grafo familiarizado con la imagen digital\u00a0y\u00a0creador\u00a0de &hellip; <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/sorteando-la-nefasta-calidad-de-las-imagenes-de-facebook\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2847,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-2836","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\/2836","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=2836"}],"version-history":[{"count":14,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/2836\/revisions"}],"predecessor-version":[{"id":5428,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/2836\/revisions\/5428"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/2847"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=2836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=2836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}