{"id":2832,"date":"2024-01-31T15:39:37","date_gmt":"2024-01-31T20:39:37","guid":{"rendered":"https:\/\/adonato.dectim.ca\/agencetim\/?p=2832"},"modified":"2026-03-07T08:33:14","modified_gmt":"2026-03-07T13:33:14","slug":"gestion-des-fichiers-sources-et-optimisation-des-medis","status":"publish","type":"post","link":"https:\/\/adonato.dectim.ca\/agencetim\/gestion-des-fichiers-sources-et-optimisation-des-medis\/","title":{"rendered":"Archivage &#8211; Gestion des fichiers sources et optimisation des m\u00e9dis"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Notions g\u00e9n\u00e9rales<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fichiers sources<\/strong> : Les \u00ab\u00a0fichiers sources\u00a0\u00bb comprennent tous les \u00e9l\u00e9ments originaux utilis\u00e9s ou cr\u00e9\u00e9s pendant le d\u00e9veloppement, tels que les compositions graphiques, les images en haute r\u00e9solution, les textes et les scripts de code. <\/li>\n\n\n\n<li><strong>Fichiers optimis\u00e9s: <\/strong>La \u00ab\u00a0gestion de l&rsquo;espace serveur web\u00a0\u00bb fait r\u00e9f\u00e9rence \u00e0 l&rsquo;organisation et \u00e0 l&rsquo;optimisation des fichiers utilis\u00e9s sur le site en ligne, comme les images compress\u00e9es et le code minifi\u00e9. L'\u00a0\u00bboptimisation des m\u00e9dias\u00a0\u00bb implique la r\u00e9duction de la taille des fichiers m\u00e9dia pour acc\u00e9l\u00e9rer le chargement des pages sans sacrifier la qualit\u00e9 visuelle ou audio.<\/li>\n\n\n\n<li><strong>Diff\u00e9renciation<\/strong> : L&rsquo;archivage se concentre sur la sauvegarde s\u00e9curis\u00e9e et l&rsquo;organisation des fichiers originaux pour un acc\u00e8s futur, tandis que la gestion de l&rsquo;espace serveur implique l&rsquo;utilisation de fichiers optimis\u00e9s pour garantir la performance en ligne du site web.<\/li>\n\n\n\n<li><strong>Importance de la gestion des ressources<\/strong> : Une gestion efficace permet d&rsquo;assurer la s\u00e9curit\u00e9 des donn\u00e9es, d&rsquo;am\u00e9liorer la vitesse de chargement des sites, et de faciliter la collaboration entre les membres de l&rsquo;\u00e9quipe de d\u00e9veloppement.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Archivage des fichiers sources dans le Cloud<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>S\u00e9curit\u00e9 et accessibilit\u00e9<\/strong> : L&rsquo;archivage dans le cloud, via des services comme Google Drive, One Drive ou Dropbox, permet de stocker les fichiers de mani\u00e8re s\u00e9curis\u00e9e tout en les rendant accessibles \u00e0 distance. L&rsquo;utilisation de syst\u00e8mes de sauvegarde automatique et d&rsquo;authentification \u00e0 deux facteurs renforce la s\u00e9curit\u00e9.<\/li>\n\n\n\n<li><strong>Travail non-destructif<\/strong> : L&rsquo;enregistrement des diff\u00e9rentes versions d&rsquo;un fichier (par exemple, via l&rsquo;historique des versions de WordPress, Figma ou les commits dans un syst\u00e8me de contr\u00f4le de version comme Git) permet de revenir \u00e0 une version ant\u00e9rieure sans perte d&rsquo;informations, favorisant l&rsquo;exp\u00e9rimentation et les ajustements cr\u00e9atifs.<\/li>\n\n\n\n<li><strong>Collaboration am\u00e9lior\u00e9e<\/strong> : Les plateformes cloud offrent des fonctionnalit\u00e9s de partage et de collaboration en temps r\u00e9el, permettant aux membres de l&rsquo;\u00e9quipe de travailler simultan\u00e9ment sur les m\u00eames fichiers, d&rsquo;apporter des commentaires et de suivre les modifications.<\/li>\n\n\n\n<li><strong>Historique des versions<\/strong> : Des services comme GitHub ou Bitbucket permettent de suivre et de g\u00e9rer l&rsquo;historique complet des modifications apport\u00e9es aux fichiers sources, facilitant la compr\u00e9hension des \u00e9volutions du projet et la r\u00e9solution des conflits.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optimisation des m\u00e9dias pour le Web<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pr\u00e9paration des m\u00e9dias<\/strong> : L&rsquo;utilisation d&rsquo;outils comme Adobe Photoshop ou Figma  pour les images ou Media Encoder pour les vid\u00e9os permet de r\u00e9duire la taille des fichiers tout en conservant une qualit\u00e9 acceptable. Des techniques comme le \u00ab\u00a0Save for Web\u00a0\u00bb dans Photoshop offrent un \u00e9quilibre entre qualit\u00e9 et taille de fichier.<\/li>\n\n\n\n<li><mark style=\"background-color:#7bdcb5\" class=\"has-inline-color\"><strong>Formats ad\u00e9quats<\/strong> : Choisir des formats modernes tels que WebP pour les images ou H.264 pour les vid\u00e9os, qui offrent une meilleure compression et sont largement pris en charge par les navigateurs.<\/mark><\/li>\n\n\n\n<li><strong>Embed vs H\u00e9bergement<\/strong> : Embedder des vid\u00e9os depuis YouTube ou Vimeo r\u00e9duit la charge sur le serveur web et tire parti de l&rsquo;optimisation et de la mise en cache de ces plateformes. Cela lib\u00e8re de l&rsquo;espace serveur et assure une lecture fluide des vid\u00e9os, quel que soit l&rsquo;appareil ou la vitesse de connexion de l&rsquo;utilisateur.<\/li>\n\n\n\n<li><strong>Outils d&rsquo;optimisation<\/strong> <strong>WordPress<\/strong> : En aval, ou des plugins WordPress tels que WP Smush permettent l&rsquo;optimisation automatique des m\u00e9dias lors du t\u00e9l\u00e9chargement sur le site.<\/li>\n\n\n\n<li><strong>Impact sur la performance<\/strong> : L&rsquo;optimisation des m\u00e9dias peut consid\u00e9rablement r\u00e9duire le temps de chargement des pages, am\u00e9liorant l&rsquo;exp\u00e9rience utilisateur et le SEO. Des outils comme Google PageSpeed Insights peuvent aider \u00e0 identifier les fichiers m\u00e9dia qui n\u00e9cessitent une optimisation.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Notions g\u00e9n\u00e9rales Archivage des fichiers sources dans le Cloud Optimisation des m\u00e9dias pour le Web<\/p>\n","protected":false},"author":1,"featured_media":3001,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[25,8],"tags":[],"class_list":["post-2832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-objectif-dapprentissage-2-mettre-en-pratique-les-normes-professionnelles-en-organisation-communication-travail-dequipe-et-archivage","category-savoirs"],"_links":{"self":[{"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/posts\/2832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/comments?post=2832"}],"version-history":[{"count":10,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/posts\/2832\/revisions"}],"predecessor-version":[{"id":6835,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/posts\/2832\/revisions\/6835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/media\/3001"}],"wp:attachment":[{"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/media?parent=2832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/categories?post=2832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adonato.dectim.ca\/agencetim\/wp-json\/wp\/v2\/tags?post=2832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}