{"id":12,"date":"2010-04-27T23:24:00","date_gmt":"2010-04-27T21:24:00","guid":{"rendered":"http:\/\/www.davel.fr\/techblog\/?p=12"},"modified":"2010-04-28T10:11:37","modified_gmt":"2010-04-28T08:11:37","slug":"formats-web-unite-pixels-vs-centimetres","status":"publish","type":"post","link":"https:\/\/www.davel.fr\/techblog\/2010\/04\/formats-web-unite-pixels-vs-centimetres\/","title":{"rendered":"Formats Web pixels vs. centim\u00e8tres ou \u00ab\u00a0C’est pas tant la taille qui compte que l’unit\u00e9\u00a0\u00bb"},"content":{"rendered":"

J'ai parcouru rapidement des b\u00e9tisiers d'agences de com' \u00a0comme Br\u00e8ves d'agence<\/a>s<\/em> et Les modifs les plus connes<\/em><\/a> sur facebook et j'ai pu me rendre compte qu'une des anecdotes que j'avais soumis \u00e0\u00a0Vie de Com'<\/a>[*]<\/span><\/em> \u00e9tait vraiment tr\u00e8s tr\u00e8s fr\u00e9quente.<\/p>\n

Pourquoi donc que ces gens, peu habitu\u00e9s \u00e0 la technique malgr\u00e9 leur poste, parlent si souvent de centim\u00e8tres pour des formats qui ne concernent que le Web ?<\/p>\n

Pire encore, ils prennent leurs r\u00e8gles gradu\u00e9es pour mesurer ce qu'ils voient \u00e0 l'\u00e9cran, prenant le r\u00e9sultat obtenu pour une donn\u00e9e fiable. C'est risible pour quiconque sait de quoi il retourne mais mettez vous deux secondes \u00e0 la place d'un individu frais \u00e9moulu d'une \u00e9cole de commerce ou de communication : la seule chose avec laquelle il\/elle mesure les distances c'est 1\/ le compteur\u00a0kilom\u00e9trique de son v8\u00a0et 2\/ une r\u00e8gle.<\/p>\n

Alors voici une petite explication rapide vitf\u00e9tavu pour nos amis Chefs de projets ou Dircli. Y'a un peu de calcul mais rien de tr\u00e8s grave.<\/p>\n

<\/p>\n

Mesurer un format web (banni\u00e8re, site) en centim\u00e8tres c'est comme vouloir mesurer une bite en pixels. C'est marrant mais \u00e7a ne sert \u00e0 rien.<\/p>\n

Un pixel<\/a> c'est tout d'abord une information visuelle, c'est un rectangle - assez souvent\u00a0proche du carr\u00e9 - color\u00e9. \u00a0L'\u00e9cran d'un ordinateur est compos\u00e9 de plusieurs lignes et colonnes de ces pixels de diff\u00e9rentes couleurs qui, \u00e0 eux tous, produisent des formes. Un peu comme un point de croix...\u00a0\u00e9lectronique... en moins kitch... enfin parfois.<\/p>\n

Le nombre de lignes et de colonnes qui sont affich\u00e9es sur un \u00e9cran est\u00a0appel\u00e9\u00a0r\u00e9solution. Non, pas celle qu'on prend en d\u00e9but d'ann\u00e9e et qu'on ne tient jamais. \u00a0Vous en avez entendu parler des r\u00e9solutions hein ? Vous savez, les 800x600 et 1024x768 ? bin c'est \u00e7a ! Ces chiffres correspondent au nombre de pixels affich\u00e9s en largeur et en hauteur sur votre \u00e9cran.<\/strong> Et c'est r\u00e9glable sur votre ordinateur quel qu'il soit. (exemple Ma<\/a>c\/exemple Windows<\/a>)<\/p>\n

Alors maintenant un peu de logique, si mon \u00e9cran fait 40 centim\u00e8tres de large (c'est mesurable et il ne va pas bouger sinon les\u00a0fabriquants\u00a0d'\u00e9crans plats feraient vraiment la gueule) et que j'affiche 1024 pixels sur cette largeur, chaque pixel va mesurer 40\/1024 cm (0,39 mm) et si j'en affiche 800 le pixel va \u00eatre \u00e0 40\/800 cm (0,5 mm). Imaginez maintenant que l'\u00e9cran de votre voisin de palier ait la m\u00eame r\u00e9solution que vous mais mesure lui 60 cm de large.<\/p>\n

Voil\u00e0, vous avez compris (hein que vous avez compris ? :)) Le nombre de centim\u00e8tres n'a rien \u00e0 voir avec le nombre de pixels.<\/strong><\/p>\n

La banni\u00e8re que vous avez durement faite faire par votre graphiste pr\u00e9f\u00e9r\u00e9(e) sera vue par des milliers d'\u00e9crans \u00e0 travers le monde, enfin je vous le souhaite ^_^, que vous ne pouvez pas contr\u00f4ler (t\u00e9l\u00e9phones portables, \u00e9crans plats, \u00a0ordi portables, etc.).
\nLa taille en pixels de votre banni\u00e8re ne variera donc jamais mais visuellement les diff\u00e9rences de taille seront \u00e9videntes.<\/p>\n

Voil\u00e0 maintenant vous savez et vous aussi vous pourrez vous moquer des gens moins chanceux que vous qui n'ont pas eu la chance de tomber sur ce site \u00e0 travers une recherche google ou un lien bien intentionn\u00e9.<\/p>\n

[*] C'est con il d\u00e9marrait pas mal ce blog mais ils ont arr\u00eat\u00e9 les notes, puis ils ont enlev\u00e9 les noms\/pseudo des participants (sympa) et puis il est mort d'asystolie billetale. ;) Enfin vous remarquerez l'excellent titre que j'ai trouv\u00e9.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

J’ai parcouru rapidement des b\u00e9tisiers d’agences de com’ \u00a0comme Br\u00e8ves d’agences et Les modifs les plus connes sur facebook et j’ai pu me rendre compte qu’une des anecdotes que j’avais soumis \u00e0\u00a0Vie de Com'[*] \u00e9tait vraiment tr\u00e8s tr\u00e8s fr\u00e9quente. Pourquoi donc que ces gens, peu habitu\u00e9s \u00e0 la technique malgr\u00e9 leur poste, parlent si souvent […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[9,11,8,10],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-divers","tag-centimetres","tag-lecon","tag-pixels","tag-resolution"],"_links":{"self":[{"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":15,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/posts\/12\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davel.fr\/techblog\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}