{"id":476,"date":"2022-01-27T09:18:00","date_gmt":"2022-01-27T08:18:00","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=476"},"modified":"2024-11-12T17:00:53","modified_gmt":"2024-11-12T16:00:53","slug":"espacios-de-color-para-web-srgb-adobergb","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/espacios-de-color-para-web-srgb-adobergb","title":{"rendered":"Qu\u00e9 espacio de color usar en fotograf\u00eda para web: sRGB o AdobeRGB"},"content":{"rendered":"\n<p>En ocasiones publicamos una foto en una web o red social y nos sorprende ver que los colores son muy diferentes dependiendo del dispositivo o -m\u00e1s precisamente- del navegador que usemos en un momento dado. Generalmente se observa una p\u00e9rdida de saturaci\u00f3n y una alteraci\u00f3n de color y contraste. En estos casos el sospechoso n\u00famero uno es siempre el espacio de color (o perfil de color).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Respuesta r\u00e1pida: sRGB<\/h2>\n\n\n\n<p>Trabaja en RAW, AdobeRGB u otro similar, y en el momento de guardar la foto en JPG para web, escoge sRGB. Si trabajas con el software de Adobe, sigue estos pasos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Photoshop<\/strong>. <em>Archivo \/ Exportar \/ Guardar para web<\/em>, marcamos <em>Convertir en sRGB.<\/em><\/li><li><strong>Lightroom<\/strong>. Opci\u00f3n <em>Exportar<\/em>, en la casilla espacio de color, escoge <em>sRGB<\/em>.<\/li><\/ul>\n\n\n\n<p>O la opci\u00f3n equivalente del software que uses habitualmente. Veamos ahora el tema con m\u00e1s detalle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es el espacio de color de una imagen?<\/h2>\n\n\n\n<p>Sin entrar en conceptos complicados, el espacio de color es el modo en que se codifican los colores dentro del archivo de una imagen digital. Dependiendo del espacio de color, la imagen podr\u00e1 contener un n\u00famero determinado de colores. Algunos espacios permiten almacenar m\u00e1s colores que otros.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 se ven los colores de modo diferente en distintos navegadores?<\/h2>\n\n\n\n<p>Cualquier software que trabaja con im\u00e1genes, inclu\u00eddo un navegador, tiene que <em>interpretar<\/em> c\u00f3mo est\u00e1n almacenados los colores dentro del fichero de una imagen para mostrarla en la pantalla. <strong>Algunos navegadores no hacen gesti\u00f3n de color<\/strong>, esto es, no toman en cuenta el espacio de color de una imagen a la hora de mostrarlo, y usan por defecto sRGB.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1525\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-scaled.jpg\" alt=\"Comparaci\u00f3n de una foto en espacio de color sRGB frente a Adobe RGB\" class=\"wp-image-5861\" title=\"med-13-rgb\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-scaled.jpg 2048w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-300x223.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-1024x763.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-768x572.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-1536x1144.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2022\/01\/Captura-de-pantalla-2022-01-27-a-las-17.55.15-900x670.jpg 900w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption>Una foto en web. Izquierda: sRGB &#8211; Derecha: Adobe RGB<\/figcaption><\/figure>\n\n\n\n<p>El resultado de mostrar como sRGB una imagen que fue codificada como Adobe RGB u otro espacio es una alteraci\u00f3n considerable del color -a peor, sin duda-, como vemos en el ejemplo anterior.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 diferencia hay entre sRGB y Adobe RGB \/ ProPhoto RGB?<\/h2>\n\n\n\n<p>La gama de colores de Adobe RGB es superior y por ello en general se recomienda <strong>trabajar con las im\u00e1genes en Adobe RGB<\/strong> u otros espacios a\u00fan mayores -como ProPhoto RGB-, que contienen la mayor cantidad de colores y matices posibles.<\/p>\n\n\n\n<p>Sin embargo, sRGB es un formato m\u00e1s universal y como tal una imagen en sRGB se ver\u00e1 con los mismos colores pr\u00e1cticamente en todos los navegadores, lo que hace de <strong>sRGB<\/strong> <strong>el espacio ideal para la web<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El modo de trabajo recomendado: dispara en RAW, edita y escoge un espacio al final del proceso<\/h2>\n\n\n\n<p>En fotograf\u00eda digital lo m\u00e1s recomendable es disparar siempre en RAW, que es el formato que sale directamente del sensor de una c\u00e1mara digital. Su espacio de color es el mayor posible para una imagen tomada con esa c\u00e1mara porque a\u00fan no ha sido convertido ni alterado. Casi todos los fot\u00f3grafos profesionales y aficionados avanzados disparan en RAW.<\/p>\n\n\n\n<p>La ventaja del RAW es que podemos hacer el revelado digital en un software como Lightroom sobre un fichero y escoger el espacio de color en el momento de exportar la imagen y covertirla en jpgo u otro formato en funci\u00f3n del uso que vayamos a dar a la imagen.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Este art\u00edculo fue publicado por primera vez en 2011 y ha sido revisado y actualizado en enero de 2022<\/p>\n\n\n\n<style>.entry-title {\n    font-size: 42px;\n    text-transform: none;\n}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>En ocasiones publicamos una foto en una web o red social y nos sorprende ver que los colores son muy diferentes dependiendo del dispositivo o -m\u00e1s precisamente- del navegador que usemos en un momento dado. Generalmente se observa una p\u00e9rdida &hellip; <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/espacios-de-color-para-web-srgb-adobergb\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5861,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-476","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\/476","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=476"}],"version-history":[{"count":15,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":5877,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/476\/revisions\/5877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/5861"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}