{"id":5687,"date":"2021-05-26T16:16:53","date_gmt":"2021-05-26T14:16:53","guid":{"rendered":"https:\/\/bluekea.com\/blog\/?p=5687"},"modified":"2021-05-26T16:19:35","modified_gmt":"2021-05-26T14:19:35","slug":"como-optimizar-las-fotos-de-portada-en-tu-web-bluekea","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/como-optimizar-las-fotos-de-portada-en-tu-web-bluekea","title":{"rendered":"C\u00f3mo optimizar las fotos de portada en tu web Bluekea"},"content":{"rendered":"\n<p>Una de las consultas m\u00e1s frecuentes que nos hacen nuestros fot\u00f3grafos es la de evitar el corte de las fotos de la portada de una web, especialmente cuando dichas fotos se ven a pantalla completa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"675\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2017\/07\/recorteH.jpg\" alt=\"\" class=\"wp-image-3524\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2017\/07\/recorteH.jpg 1000w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2017\/07\/recorteH-300x203.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2017\/07\/recorteH-768x518.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2017\/07\/recorteH-900x608.jpg 900w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Efecto del recorte de una foto horizontal en una pantalla vertical, como la del m\u00f3vil.<\/figcaption><\/figure>\n\n\n\n<p>En un <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/preparar-fotos-para-fondo-de-web\" data-type=\"post\" data-id=\"3516\" class=\"rank-math-link\">art\u00edculo<\/a> dedicado a este tema cont\u00e1bamos que el problema de fondo es que para conseguir el efecto visual de la foto a toda pantalla es muy dif\u00edcil prevenir el recorte; este se produce siempre salvo que las proporciones de la pantalla sean las mismas que las de la foto. Por ejemplo una foto vertical tendr\u00e1 muy poco recorte en un m\u00f3vil ya que el formato de la pantalla del m\u00f3vil es vertical y de proporciones similares a los de una foto digital al uso. Sin embargo, la misma foto vertical se cortar\u00e1 mucho si se ve en una pantalla de ordenador, que es horizontal. Con las fotos horizontales ocurre lo contrario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo resolvemos este problema en Bluekea?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1914\" height=\"940\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34.jpg\" alt=\"\" class=\"wp-image-5688\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34.jpg 1914w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34-300x147.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34-1024x503.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34-768x377.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34-1536x754.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.05.34-900x442.jpg 900w\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" \/><figcaption>Los iconos debajo de las dos \u00faltimas fotos indican a la web que solo se muestren en m\u00f3viles<\/figcaption><\/figure>\n\n\n\n<p>Visto lo anterior, lo ideal ser\u00eda mostrar fotos horizontales en ordenador o tablet en horizontal, y fotos verticales en m\u00f3viles. Desde el panel de control de Bluekea, esto lo conseguimos con un peque\u00f1o <strong>icono debajo de las miniaturas<\/strong> en la galer\u00eda de fotos de portada. Este icono permite marcar aquellas fotos que se van a mostrar <strong>solo en el m\u00f3vil<\/strong>, dejando el resto solo para ordenador o tablet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1131\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-scaled.jpg\" alt=\"\" class=\"wp-image-5697\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-scaled.jpg 2048w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-300x166.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-1024x565.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-768x424.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-1536x848.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.14.53-900x497.jpg 900w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption>La portada en ordenador muestra el pase de fotos horizontales <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1188\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-scaled.jpg\" alt=\"\" class=\"wp-image-5695\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-scaled.jpg 2048w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-300x174.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-1024x594.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-768x446.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-1536x891.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-pantalla-2021-05-26-a-las-16.13.20-900x522.jpg 900w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption>En el m\u00f3vil se muestran las fotos marcadas como verticales<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las consultas m\u00e1s frecuentes que nos hacen nuestros fot\u00f3grafos es la de evitar el corte de las fotos de la portada de una web, especialmente cuando dichas fotos se ven a pantalla completa. En un art\u00edculo dedicado a &hellip; <a href=\"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/como-optimizar-las-fotos-de-portada-en-tu-web-bluekea\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5697,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"class_list":["post-5687","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\/5687","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=5687"}],"version-history":[{"count":7,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/5687\/revisions"}],"predecessor-version":[{"id":5699,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/5687\/revisions\/5699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/5697"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=5687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=5687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=5687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}