{"id":2975,"date":"2016-02-18T10:16:55","date_gmt":"2016-02-18T09:16:55","guid":{"rendered":"http:\/\/www.hugorodriguez.com\/blog\/?p=2975"},"modified":"2019-04-02T12:54:42","modified_gmt":"2019-04-02T10:54:42","slug":"mango-y-la-gestion-del-color-para-e-commerce","status":"publish","type":"post","link":"https:\/\/www.hugorodriguez.com\/blog\/2016\/02\/mango-y-la-gestion-del-color-para-e-commerce\/","title":{"rendered":"Mango y la gesti\u00f3n del color para e-commerce"},"content":{"rendered":"<p>Cada vez m\u00e1s \u00e1reas de comercio se est\u00e1n yendo a la web, confirmando una clara tendencia que ya comenz\u00f3 hace unos a\u00f1os con el boom de los billetes de transporte y tickets para espect\u00e1culos. Nadie lo hubiera dicho entonces, pero tambi\u00e9n se vende ropa en tiendas online, y mucha. Esto est\u00e1 muy bien pero &#8211; como todo- tiene sus problemas e inconvenientes.<\/p>\n<p>Uno de los inconvenientes es el color, algo que ya explicaba con <a title=\"\u00bfDevoluciones de prendas en tu tienda on-line? Necesitas la gesti\u00f3n del color\u2026\" href=\"http:\/\/www.hugorodriguez.com\/blog\/2015\/07\/devoluciones-de-prendas-en-tu-tienda-on-line-necesitas-la-gestion-del-color\/\">el ejemplo de una camiseta roja<\/a>.<\/p>\n<p>Aqu\u00ed puedes ver un ejemplo real (disparado con una Canon 5D MkIII e iluminaci\u00f3n Profoto) con un color de los que t\u00edpicamente suele conocerse como &#8216;pu\u00f1etero&#8217;, el rosa:<\/p>\n<div  class='tabcontainer av-5v4su7-f17962223a75b8d09d8348c21fa94ba6 top_tab  avia-builder-el-0  avia-builder-el-no-sibling '>\n<section class='av_tab_section av_tab_section av-47kt73-f9179fc32520b07c8bd65a7a6acc5bad'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-1-tab' class='tab active_tab' role='tab' aria-selected=\"true\" tabindex=\"0\" data-fake-id='#tab-id-1' aria-controls='tab-id-1-content'  itemprop=\"headline\" >COLOR <\/div><div id='tab-id-1-content' class='tab_content active_tab_content' role='tabpanel' aria-labelledby='tab-id-1-tab' aria-hidden=\"false\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Este es el resultado original, sin ajustar nada en el revelado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3025 size-full\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO.jpg\" alt=\"Camiseta-rosa-Kids-MANGO\" width=\"600\" height=\"604\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO.jpg 600w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-450x453.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-100x100.jpg 100w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-496x500.jpg 496w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-36x36.jpg 36w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-180x180.jpg 180w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<\/div><\/div><\/section> <section class='av_tab_section av_tab_section av-2h35jj-554b6ac0d774015e608e09e0b48a19c7'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-2-tab' class='tab' role='tab' aria-selected=\"false\" tabindex=\"0\" data-fake-id='#tab-id-2' aria-controls='tab-id-2-content'  itemprop=\"headline\" >COLOR CALIBRADO<\/div><div id='tab-id-2-content' class='tab_content' role='tabpanel' aria-labelledby='tab-id-2-tab' aria-hidden=\"true\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Y este es el resultado sin ajustar nada en el revelado m\u00e1s que cargar el perfil ICC de c\u00e1mara personalizado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3026 size-full\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada.jpg\" alt=\"Camiseta-rosa-Kids-MANGO-calibrada\" width=\"600\" height=\"604\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada.jpg 600w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada-450x453.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada-100x100.jpg 100w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada-496x500.jpg 496w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada-36x36.jpg 36w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Camiseta-rosa-Kids-MANGO-calibrada-180x180.jpg 180w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<\/div><\/div><\/section> <\/div>\n<p>La pregunta que se hace el internauta es: <em>\u00bfc\u00f3mo se yo de qu\u00e9 color es exactamente la ropa que estoy comprando?<\/em><\/p>\n<p>La respuesta es r\u00e1pida, aunque \u201cr\u00e1pida\u201d no significa \u201cf\u00e1cil de llevar a cabo\u201d, y es que bastar\u00eda con que el internauta tenga una pantalla de una calidad m\u00ednimamente decente, y que la tenga bien afinada (lo que en el argot t\u00e9cnico llamamos calibrada y perfilada).<\/p>\n<p>Y a todo esto, el fabricante se pregunta: <em>\u00bfc\u00f3mo se yo que mis clientes ven correctamente el color de mis fotos?<\/em>. Pues aqu\u00ed la respuesta tambi\u00e9n es relativamente r\u00e1pida: \u201c<em>no se puede saber con exactitud<\/em>\u201d. Estad\u00edsticamente hablando, un alto porcentaje de los internautas tendr\u00e1n ajustada la pantalla tal como viene de f\u00e1brica mientras que un peque\u00f1o porcentaje (t\u00edpicamente, los fot\u00f3grafos) tendr\u00e1n una pantalla de cierta calidad, y un peque\u00f1o porcentaje de ellos la tendr\u00e1n bien calibrada. Es decir, que tan solo un n\u00famero muy peque\u00f1o de los internautas ver\u00e1n fielmente el aspecto de las fotograf\u00edas.<\/p>\n<p><a href=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2978\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango-473x500.jpg\" alt=\"tienda-online-mango\" width=\"473\" height=\"500\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango-473x500.jpg 473w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango-450x475.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango-757x800.jpg 757w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango-667x705.jpg 667w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/tienda-online-mango.jpg 936w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/a><\/p>\n<p>Entonces, \u00bfqu\u00e9 puede hacer un fabricante al respecto? Pues b\u00e1sicamente: usar la gesti\u00f3n de color correctamente. Y eso se concreta en que puede hacer tres cosas:<\/p>\n<ol>\n<li>tener todo perfectamente afinado y calibrado en su lado,<\/li>\n<li>ajustar cuidadosamente todas las fotos que publica en su tienda online al est\u00e1ndar utilizado en Internet (sRGB), y<\/li>\n<li>avisar al internauta de que deber\u00eda tomar ciertas medidas en su lado para que pueda aprovechar el trabajo realizado desde el lado del fabricante.<\/li>\n<\/ol>\n<p>Pues bien, precisamente para el punto uno me han llamado desde el departamento de fotograf\u00eda para e-commerce de la popular marca de ropa <a href=\"http:\/\/shop.mango.com\" target=\"_blank\">MANGO<\/a>\u00a0y me ha tenido ocupado durante semanas hasta dejar bien calibradas sus cerca de 40 pantallas y ocho c\u00e1maras Canon 5D MarkIII en sendos plat\u00f3s. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2856\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/12\/Logo-mango.png\" alt=\"Logo-mango\" width=\"400\" height=\"199\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/12\/Logo-mango.png 705w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/12\/Logo-mango-450x223.png 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/12\/Logo-mango-500x248.png 500w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/> Este gr\u00e1fico muestra el an\u00e1lisis final del resultado de la calibraci\u00f3n, realizado con <a href=\"http:\/\/www.imatest.com\/products\/imatest-master\/\" target=\"_blank\">Imatest Master<\/a>, el software de referencia en el sector, de una de las 8 c\u00e1maras. Cada una de las columnas representa una muestra de color en la <a href=\"http:\/\/www.hugorodriguez.com\/index_carta-it8-egm.php\">carta IT8<\/a>, y la altura de cada una de ellas, la desviaci\u00f3n con respecto a la referencia. Por debajo de 5 (en el eje vertical) se considera excelente, y por debajo de 2, extraordinariamente bueno.<\/p>\n<p>Como puedes ver en la zona inferior de esta 5DMkII (la que mejor qued\u00f3 de todas), el promedio de error es de 1,51 y el m\u00e1ximo, de 5,1 lo que confirma el extraordinario\u00a0resultado.<\/p>\n<p><a href=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2976\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes.jpg\" alt=\"Calibracion_5DM3_Kids notes\" width=\"600\" height=\"664\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes.jpg 751w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes-450x498.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes-451x500.jpg 451w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes-722x800.jpg 722w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Calibracion_5DM3_Kids-notes-637x705.jpg 637w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>No s\u00f3lo eso, tambi\u00e9n he calibrado sus dos estaciones de edici\u00f3n de video (equipadas con HP Dreamcolor Z27 y NEC Spectraview PA272) y hemos revisado la iluminaci\u00f3n ambiental tanto de la sala de retoque como de los plat\u00f3s y de la zona junto a\u00a0\u00e9stos, en relaci\u00f3n a la calidad colorim\u00e9trica de la iluminaci\u00f3n ambiental (para poder juzgar el color de las prendas correctamente a simple vista).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2977 size-large\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda-800x599.jpg\" alt=\"Plato moda\" width=\"800\" height=\"599\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda-800x599.jpg 800w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda-450x337.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda-500x374.jpg 500w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda-705x528.jpg 705w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2016\/02\/Plato-moda.jpg 902w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Para la calibraci\u00f3n de las pantallas he utilizado diversos softwares (de X-Rite, NEC, Quato\u00a0y\u00a0SpectraCAL, seg\u00fan requer\u00eda cada una de ellas) principalmente con mi i1 Pro2 y he unificado todas en dos est\u00e1ndares distintos: uno para la sala de retoque y otro para los plat\u00f3s, despu\u00e9s de consensuar mis impresiones y recomendaciones con los respectivos encargados de cada departamento.<\/p>\n<p>Para las c\u00e1maras he utilizado varias cartas de color, principalmente mi <a href=\"http:\/\/www.gestiondecolor.es\/egm?zenid=dccbae7916a9b3cefeb356a3ecbd8f50\" target=\"_blank\">IT8-EGM<\/a>, aunque tambi\u00e9n he hecho pruebas con un nuevo prototipo de muy alta calidad con el que todav\u00eda estoy experimentando. Las calibraciones se han hecho directamente en los propios plat\u00f3s utilizando la misma iluminaci\u00f3n con cabezas Profoto, y generando perfiles ICC est\u00e1ndar basados en LUT de 16 bits, que han proporcionado una fidelidad muy alta, conjuntamente con <a title=\"PhaseOne presenta el nuevo CaptureOne 8, con interesantes novedades.\" href=\"http:\/\/www.hugorodriguez.com\/blog\/2014\/09\/phaseone-presenta-el-nuevo-captureone-8-con-interesantes-novedades\/\">CaptureOne 8<\/a>.<\/p>\n<p>La desviaci\u00f3n de color (respecto a la referencia) ha rondado un promedio de DeltaE 2, con c\u00e1maras que se han situado en 2,5 y otras en 1,5. \u00c9ste valor supone un est\u00e1ndar de muy alta calidad, puesto que superar\u00eda perfectamente una de las pruebas m\u00e1s exigentes del mundo: la <a href=\"https:\/\/www.metamorfoze.nl\/english\" target=\"_blank\">Metamorfoze<\/a>, utilizada en reproducci\u00f3n de obras de arte para galer\u00edas y museos.<\/p>\n<hr \/>\n<h3>Servicio de calibraci\u00f3n de c\u00e1mara<\/h3>\n<p><a title=\"Calibraci\u00f3n de c\u00e1mara\" href=\"http:\/\/www.hugorodriguez.com\/blog\/servicios-de-gestion-de-color\/calibracion-de-camaras\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2538\" src=\"http:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/07\/calibrando-la-camara-03.jpg\" alt=\"calibrando-la-camara-03\" width=\"600\" height=\"252\" srcset=\"https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/07\/calibrando-la-camara-03.jpg 600w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/07\/calibrando-la-camara-03-450x189.jpg 450w, https:\/\/www.hugorodriguez.com\/blog\/wp-content\/uploads\/2015\/07\/calibrando-la-camara-03-500x210.jpg 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cada vez m\u00e1s \u00e1reas de comercio se est\u00e1n yendo a la web, confirmando una clara tendencia que ya comenz\u00f3 hace unos a\u00f1os con el boom de los billetes de transporte y tickets para espect\u00e1culos. Nadie lo hubiera dicho entonces, pero tambi\u00e9n se vende ropa en tiendas online, y mucha. Esto est\u00e1 muy bien pero &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2977,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[81,1],"tags":[23,92,11],"class_list":["post-2975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-tecnica","tag-calibracion","tag-captureone","tag-gestion-color"],"_links":{"self":[{"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/posts\/2975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/comments?post=2975"}],"version-history":[{"count":5,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/posts\/2975\/revisions"}],"predecessor-version":[{"id":7903,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/posts\/2975\/revisions\/7903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/media\/2977"}],"wp:attachment":[{"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/media?parent=2975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/categories?post=2975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hugorodriguez.com\/blog\/wp-json\/wp\/v2\/tags?post=2975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}