{"id":945,"date":"2012-10-24T22:27:52","date_gmt":"2012-10-24T20:27:52","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=945"},"modified":"2012-10-25T00:10:15","modified_gmt":"2012-10-24T22:10:15","slug":"le-vrai-cout-du-retina","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/","title":{"rendered":"Le \u00ab\u00a0vrai\u00a0\u00bb co\u00fbt du retina"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Cet article marque le d\u00e9but d’une nouvelle s\u00e9rie sur le blog consacr\u00e9e aux partages rapides de liens<\/em>, avec un petit commentaire. Un peu comme \u00ab\u00a0des pixels et du code\u00a0\u00bb, mais pour mettre en avant un seul article.<\/em><\/p>\n

The Real Cost of Retina<\/a><\/h2>\n

Avec la sortie de l\u2019iPad mini, un article qui fait du bien et rappelle que m\u00eame si les \u00e9crans ont une capacit\u00e9 retina (ou xhdpi pour Android), la bande passante et la connexion ne suivent pas forc\u00e9ment derri\u00e8re. L’article fait echo \u00e0 une r\u00e9flexion \u00e9galement faite \u00e0 Paris Web avec quelques uns lors du d\u00e9bat sur le RWD : servir des images retina non optimis\u00e9es sur un iPhone dont l’utilisateur est potentiellement dans le m\u00e9tro Parisien ne va-t-il pas au final nuire \u00e0 son exp\u00e9rience.<\/p>\n

Il existe bien navigator.connection<\/a>\u00a0qui permet apparement de r\u00e9cup\u00e9rer le type de connexion et bande passante, mais je n’ai pas encore eu le temps de le tester. Une autre solution pourrait \u00eatre la compression pour optimiser le poids des images servies en retina, plus d’infos dans l’article \u00ab\u00a0Retina revolution\u00a0\u00bb<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu’il ne soit plus \u00e0 jour.Cet article marque le d\u00e9but d’une nouvelle s\u00e9rie sur le blog consacr\u00e9e aux partages rapides de liens, avec un petit commentaire. Un peu comme \u00ab\u00a0des pixels et du code\u00a0\u00bb, mais pour mettre en avant un seul article. The Real Cost of Retina Avec la sortie de l\u2019iPad mini, un article qui fait du bien et rappelle que m\u00eame si les \u00e9crans ont …<\/p>\n","protected":false},"author":3,"featured_media":947,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-945","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLe "vrai" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le "vrai" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-24T20:27:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-10-24T22:10:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/10\/retina.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/\",\"name\":\"Le \\\"vrai\\\" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg\",\"datePublished\":\"2012-10-24T20:27:52+00:00\",\"dateModified\":\"2012-10-24T22:10:15+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg\",\"width\":700,\"height\":200},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Le \"vrai\" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/","og_locale":"fr_FR","og_type":"article","og_title":"Le \"vrai\" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-10-24T20:27:52+00:00","article_modified_time":"2012-10-24T22:10:15+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/10\/retina.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/","name":"Le \"vrai\" co\u00fbt du retina - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg","datePublished":"2012-10-24T20:27:52+00:00","dateModified":"2012-10-24T22:10:15+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Images retina pour \u00e9crans qui le supportent : ne pas oublier bande passante et perfs derri\u00e8re qui peuvent couter l'exp\u00e9rience utilisateur","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/le-vrai-cout-du-retina\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/retina.jpg","width":700,"height":200},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=945"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/947"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}