{"id":5711,"date":"2023-01-04T09:00:24","date_gmt":"2023-01-04T08:00:24","guid":{"rendered":"https:\/\/cdscweb.fr\/chat-robaze\/?p=5711"},"modified":"2023-01-04T12:12:08","modified_gmt":"2023-01-04T11:12:08","slug":"ajouter-une-galerie-dimages-dans-wordpress-preparer-les-images","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/ajouter-une-galerie-dimages-dans-wordpress-preparer-les-images\/","title":{"rendered":"Ajouter une galerie d’images dans WordPress : pr\u00e9parer les images"},"content":{"rendered":"\n

* D\u00e9finitions sur la page Qu’\u00e8s aco<\/a><\/strong> ?<\/em><\/p>\n\n\n\n

Pour l’int\u00e9gration dans un site, une image doit r\u00e9pondre \u00e0 quelques crit\u00e8res pour faciliter le travail : <\/p>\n\n\n\n

Avoir un nom explicite<\/h4>\n\n\n\n

Les noms du genre \u201cIMG-20210923-WA0001.jpg<\/em>\u201d ne renseignent pas vraiment sur le sujet de l’image, on aura int\u00e9r\u00eat \u00e0 renommer (ex : \u201c2021-09-23_sujet-image.jpg<\/em>\u201d).
Pour les retrouver dans la m\u00e9diath\u00e8que ce sera nettement plus simple…<\/p>\n\n\n\n

Avoir une taille raisonnable<\/h4>\n\n\n\n

M\u00eame si Internet est de plus en plus rapide, il est inutile de publier des images trop lourdes, elles ne seront pas plus belles !
Et rien n’est plus laid qu’une page qui s’affiche par petits morceaux parce que l’image est longue \u00e0 t\u00e9l\u00e9charger (lorsqu’un internaute lit votre page, son navigateur doit la t\u00e9l\u00e9charger)<\/em>.<\/p>\n\n\n\n

De plus l’espace allou\u00e9 par l’h\u00e9bergeur n’est pas extensible, du moins pas sans suppl\u00e9ment de prix… <\/strong><\/p>\n\n\n\n

Lors de la pr\u00e9sentation du logiciel PhotoFiltre, un article a \u00e9t\u00e9 consacr\u00e9 \u00e0 la taille de l’image<\/a><\/em><\/strong>. <\/p>\n\n\n\n

\"\"<\/a><\/figure>
\n

Clic sur l’image pour l’agrandir<\/em><\/p>\n\n\n\n

Voici une image trop lourde pour Internet :
elle \u201cp\u00e8se\u201d 4,41 Mo.
Ses dimensions sont adapt\u00e9es
pour l’impression mais beaucoup trop
(et inutilement<\/strong>)<\/em> grandes
pour l’affichage sur un \u00e9cran.
Comme on peut le voir
elle s’affiche \u00e0 31 % de sa taille r\u00e9elle,
elle est donc 3 fois trop grande !<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n
\n

Clic sur l’image pour l’agrandir<\/em><\/p>\n\n\n\n

Une fois redimensionn\u00e9e,
elle \u201cp\u00e8se\u201d 336 Ko soit 13 fois moins !
Elle s’affiche maintenant \u00e0 sa taille r\u00e9elle,
et remplit pourtant la fen\u00eatre du logiciel,
il est donc inutile qu’elle soit plus grande.<\/p>\n<\/div>

\"\"<\/a><\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

En conclusion, si on sait qu’un \u00e9cran d’ordinateur affiche en g\u00e9n\u00e9ral 1920 pixels en largeur et 1080 en hauteur<\/strong> avec une r\u00e9solution<\/a><\/em><\/strong> de 96 ppp<\/strong> (72 pour Mac)<\/em>, il conviendra de ne pas d\u00e9passer ces valeurs car l’image ne s’afficherait pas mieux et serait donc inutilement lourde : un objectif raisonnable peut \u00eatre un \u201cpoids\u201d maximum de 500 Ko par image.<\/strong><\/p>\n\n\n\n

Pour r\u00e9sumer : <\/p>\n\n\n

\n
\"\"
Tailles maximum utiles<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

Avoir un format adapt\u00e9<\/h4>\n\n\n\n

Avant de t\u00e9l\u00e9verser une image, s’assurer qu’elle est au format jpg<\/strong> ou jpeg <\/strong>: c’est un format compress\u00e9 qui permet d’avoir des images plus l\u00e9g\u00e8res et si la compression est bien configur\u00e9e<\/a><\/em><\/strong> (90 %)<\/em> la perte de qualit\u00e9 est invisible.
Se m\u00e9fier notamment de l’outil Capture d’\u00e9cran<\/strong> pr\u00e9sent sur les ordinateurs : il sauvegarde par d\u00e9faut les images au format png<\/strong>, elles sont beaucoup plus volumineuses.
Le format png n’est utile que si on a besoin qu’une partie de l’image soit transparente.<\/em><\/p>\n\n\n\n

PhotoFiltre n’existant pas pour Mac,
nous verrons comment proc\u00e9der avec Gimp <\/strong>dans le prochain article.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Lire<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":5745,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-5711","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/5711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=5711"}],"version-history":[{"count":38,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/5711\/revisions"}],"predecessor-version":[{"id":5866,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/5711\/revisions\/5866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/5745"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=5711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=5711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=5711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}