{"id":1065,"date":"2010-03-15T18:48:58","date_gmt":"2010-03-15T16:48:58","guid":{"rendered":"http:\/\/nyams.planbweb.com\/blog\/?p=1065"},"modified":"2010-03-15T18:48:58","modified_gmt":"2010-03-15T16:48:58","slug":"navigateurs-image-au-format-jpeg-au-profil-cmyk-ou-rgb","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/navigateurs-image-au-format-jpeg-au-profil-cmyk-ou-rgb\/","title":{"rendered":"Navigateurs, image au format jpeg au profil CMYK ou RGB ?"},"content":{"rendered":"
\n

Attention:<\/strong> Les informations de ce billet sont susceptibles d'être obsolètes car vieux de plus 2 ans.<\/p>\n

Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div>

On en apprend tout les jours. Aujourd’hui je suis tomb\u00e9 sur un probl\u00e8me assez sympa. Une image qui s’affiche parfaitement sous Firefox mais qui disparait compl\u00e8tement sous Internet Explorer, quelque soit la version. Du coup, na\u00eff que je suis je me suis dit que cela devait venir des ent\u00eates de l’image mais cela n’\u00e9tait pas le cas. Alors ne sachant que faire j’en parle autour de moi et finalement un coll\u00e8gue m’apprend que cela est surement du au codage CMYK de mon image.<\/a> Et l\u00e0 je me dis hein ? non.. pas possible. Comme un exemple vaut mieux que 10000 mots voici une petite exp\u00e9rience.<\/p>\n

D’abord l’image JPEG “classique” en RGB que tout bon navigateur pourra afficher.<\/p>\n

\"\"<\/a><\/p>\n

Et l’image \u00e9quivalente en “CMYK”. (si vous \u00eates sous Internet Explorer et que vous ne voyez rien … c’est normal!!)<\/em><\/p>\n

\"\"<\/a>Notez que sous Firefox\/Opera et Chrome (Webkit) vous ne verrez pas de diff\u00e9rence. L\u00e0 o\u00f9 cela devient int\u00e9ressant c’est lorsque l’on utilise Internet Explorer ou Safari (Webkit).<\/p>\n

Sous Internet Explorer. L’image n’est tout simplement pas montr\u00e9e. Internet Explorer n’arrive tout simplement pas \u00e0 interpr\u00e9ter l’image. Pour Safari, c’est plus ambigu. Bien qu’ayant un moteur similaire \u00e0 celui de Chrome (Webkit pour ne pas le nomm\u00e9), Safari sous Windows interpr\u00e8te de mani\u00e8re approximative l’image en CMYK du coup l’image que vous obtenez n’est pas toujours identique \u00e0 celle que vous avez t\u00e9l\u00e9charg\u00e9e ou \u00e0 celle que vous avez sous Firefox. Il vous suffira pour vous convaincre de comparer les 2 images pr\u00e9sent\u00e9es ci-dessus.<\/p>\n

Comment rem\u00e9dier \u00e0 ce probl\u00e8me ? <\/strong>Pour l’instant, il n’ya pas de solution miracle \u00e0 coup de javascript ou que sais-je encore. La seule mani\u00e8re de r\u00e9soudre le probl\u00e8me est de convertir en RGB<\/a> toutes les images JPEG au codage CMYK que vous d\u00e9sirez afficher sur le net \u00e0 l’aide de votre programme d’\u00e9dition d’image pr\u00e9f\u00e9r\u00e9, en attendant que tous les moteurs de rendu arrivent \u00e0 comprendre les fichiers JPEG au codage CMYK. Une petite recherche sur le net m’apprends que ce bug date d’au moins 2006<\/a> mais qu’entre temps Firefox l’a r\u00e9gl\u00e9… mais visiblement pas Internet Explorer et\/ou Safari.<\/p>\n

PS: encore un exemple qui illustre bien que Safari et Chrome bien qu’ayant le m\u00eame moteur de rendu ne sont pas identique et qu’il faut h\u00e9las tester votre site dans les 2 navigateurs contrairement au dires de l’\u00e9quipe de Chrome.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Attention: Les informations de ce billet sont susceptibles d’être obsolètes car vieux de plus 2 ans. Warning: The information you are reading may be obsolete, this post was published more than 2 years ago. On en apprend tout les jours. Aujourd’hui je suis tomb\u00e9 sur un probl\u00e8me assez sympa. Une image qui s’affiche parfaitement sous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[108,117,273,304,458],"class_list":["post-1065","post","type-post","status-publish","format-standard","hentry","category-web","tag-cmyk","tag-compatibilite","tag-image","tag-jpeg","tag-rgb"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=1065"}],"version-history":[{"count":0,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1065\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=1065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=1065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}