{"id":12119,"date":"2020-11-27T10:00:00","date_gmt":"2020-11-27T10:00:00","guid":{"rendered":"https:\/\/thecloud.group\/?p=12119"},"modified":"2020-12-10T16:21:22","modified_gmt":"2020-12-10T16:21:22","slug":"web-optimizar-imagenes-para-el-diseno","status":"publish","type":"post","link":"https:\/\/thecloud.group\/fr\/optimiser-les-images-pour-le-web\/","title":{"rendered":"Web : Comment optimiser les images pour votre design ?"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"12119\" class=\"elementor elementor-12119\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69d34e1f elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69d34e1f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-877d088\" data-id=\"877d088\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f658421 elementor-widget elementor-widget-image\" data-id=\"2f658421\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thecloud.group\/wp-content\/uploads\/elementor\/thumbs\/LogoHor-osf66wqrs0q6z5scsi4c0cpaz4hmv3cdo16ybda1og.png\" title=\"Image Logo Le Groupe Cloud\" alt=\"Cloud Group est une soci\u00e9t\u00e9 holding sp\u00e9cialis\u00e9e dans la transformation num\u00e9rique mondiale.\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-436cf762 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"436cf762\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-71260f82\" data-id=\"71260f82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6857a388\" data-id=\"6857a388\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2445d05 elementor-widget elementor-widget-heading\" data-id=\"2445d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Web : Comment optimiser les images pour votre design ?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d3b5efe\" data-id=\"d3b5efe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4fd382fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4fd382fa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5fbeae98\" data-id=\"5fbeae98\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-a1bd6fa\" data-id=\"a1bd6fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-1557053\" data-id=\"1557053\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-6d569f6e\" data-id=\"6d569f6e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c33b341 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c33b341\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-511ac88d\" data-id=\"511ac88d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c96b00c elementor-widget elementor-widget-text-editor\" data-id=\"1c96b00c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Que vous soyez en charge de la mise \u00e0 jour d&#039;un site internet avec de nouveaux contenus (textes et images) ou que vous vouliez en savoir plus sur le sujet, vous devez savoir comment r\u00e9duire le poids des graphismes que vous allez mettre en ligne pour qu&#039;en g\u00e9n\u00e9ral le la page est aussi optimis\u00e9e que possible et facile \u00e0 naviguer. Si, d&#039;autre part, vous recherchez une conception de sites Web \u00e0 S\u00e9ville, il est \u00e9galement important que vous sachiez comment optimiser les images qui seront utilis\u00e9es dans la conception de sites Web. Y a-t-il une diff\u00e9rence entre les formats d&#039;image\u00a0? Quels sont les plus courants\u00a0? Continue de lire!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-52bb896f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"52bb896f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3e3f8abd\" data-id=\"3e3f8abd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13e23aa8 elementor-widget elementor-widget-heading\" data-id=\"13e23aa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pourquoi devrais-je me soucier du poids des images de nos jours\u00a0?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-728a676 elementor-widget elementor-widget-text-editor\" data-id=\"728a676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Vous vous demandez peut-\u00eatre pourquoi vous devriez vous soucier du poids des images pour un blog ou un site Web si aujourd&#039;hui nous avons le haut d\u00e9bit et qu&#039;Internet, dans de nombreuses r\u00e9gions du monde, est assez rapide. Eh bien, il y a 3 raisons simples de le faire :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b85ac8 elementor-widget elementor-widget-text-editor\" data-id=\"3b85ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>1. Navigation mobile\u00a0:<\/strong> De nombreuses personnes naviguent sur le Web depuis leur mobile et c&#039;est un chiffre qui va tr\u00e8s probablement continuer \u00e0 augmenter. Pour cette raison, si notre site a des images optimis\u00e9es, il se chargera compl\u00e8tement plus rapidement et les utilisateurs auront une meilleure exp\u00e9rience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-26f8f04f\" data-id=\"26f8f04f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55c9917c elementor-widget elementor-widget-image\" data-id=\"55c9917c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\" class=\"elementor-animation-hang attachment-large size-large wp-image-12124\" alt=\"Web, optimiser les images\" srcset=\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg 950w, https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web-300x169.jpg 300w, https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c8ff27f elementor-widget elementor-widget-text-editor\" data-id=\"3c8ff27f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>2. Taux de rebond plus faible<\/strong>: Un site Web lent et lourd en ennuiera beaucoup et fera perdre patience \u00e0 attendre que le contenu se charge. Cela se traduira par un taux de rebond \u00e9lev\u00e9, des prospects perdus et des rebonds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d64e74 elementor-widget elementor-widget-text-editor\" data-id=\"10d64e74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>3. Positionnement SEO<\/strong>: Moins votre site Web p\u00e8se, mieux c&#039;est pour le classement des moteurs de recherche. Google a un temps limit\u00e9 pour crawler le web et c&#039;est pourquoi plus il est l\u00e9ger, plus il pourra crawler de pages, ce qui donnera de plus grandes possibilit\u00e9s de se positionner dans les r\u00e9sultats.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dad60e6 elementor-widget elementor-widget-heading\" data-id=\"6dad60e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comment optimiser mes images ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37f45111 elementor-widget elementor-widget-text-editor\" data-id=\"37f45111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Avant d&#039;effectuer toute optimisation, nous vous recommandons d&#039;effectuer un test de vitesse sur votre site Web afin que vous sachiez avec certitude quel impact les images ont sur votre site Web en ce moment. Il existe de nombreux sites gratuits sur Internet avec lesquels vous pouvez faire cette v\u00e9rification. Par exemple: <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Aper\u00e7us de Google PageSpeed<\/a>, <a href=\"https:\/\/tools.pingdom.com\/\">PingdomOutils<\/a>, <a href=\"https:\/\/gtmetrix.com\/\">GTMetrix<\/a> et <a href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-794aacb9 elementor-widget elementor-widget-text-editor\" data-id=\"794aacb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ces outils vous diront si vous avez des images lourdes sur votre site Web et combien de temps il faut pour les charger. Si le diagnostic est que vous devez am\u00e9liorer vos graphismes, vous pouvez revoir certaines choses. Commen\u00e7ons par le format des images.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a256d1a elementor-widget elementor-widget-text-editor\" data-id=\"3a256d1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nous avons le .GIF qui n&#039;est utilis\u00e9 aujourd&#039;hui que pour faire des images anim\u00e9es, mais le reste est un format obsol\u00e8te. D&#039;un autre c\u00f4t\u00e9, .PNG est g\u00e9nial car il prend en charge la transparence et est un format d&#039;image sans perte, mais il ne r\u00e9duit pas la taille autant que JPG. Ce dernier est id\u00e9al pour les photos qui ont beaucoup de d\u00e9tails et de couleurs et est un format de compression avec perte. Autrement dit, la qualit\u00e9 peut \u00eatre perdue si la taille du fichier est r\u00e9duite.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18bd0a9 elementor-widget elementor-widget-text-editor\" data-id=\"18bd0a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ainsi, l&#039;id\u00e9al est d&#039;utiliser le PNG pour tout sauf les photos et si possible les formats vectoriels comme le .EPS ou le .SVG.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-165ab0d0 elementor-widget elementor-widget-heading\" data-id=\"165ab0d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Optimisez facilement les images dans Adobe Photoshop<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4394c7bc elementor-widget elementor-widget-text-editor\" data-id=\"4394c7bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Si vous recherchez ou faites de la conception de sites Web, ces conseils vous aideront. Pour ceux d&#039;entre vous qui ont Adobe Photoshop, vous pouvez choisir d&#039;enregistrer vos images en utilisant l&#039;option &quot;Enregistrer pour le Web&quot;. Ensuite, vous pouvez s\u00e9lectionner le format souhait\u00e9, que ce soit GIF, JPG ou PNG. De plus, le programme vous permet de choisir le niveau de qualit\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2aeac5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2aeac5d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5608f4d6\" data-id=\"5608f4d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f287c2f elementor-widget elementor-widget-text-editor\" data-id=\"f287c2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Cependant, il existe d&#039;autres options pour compresser les images et elles sont gratuites, bas\u00e9es sur le cloud. Par exemple, <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> c&#039;est tr\u00e8s populaire o\u00f9 vous t\u00e9l\u00e9chargez vos images et l&#039;outil les compresse entre 50% et 80% en maintenant la qualit\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-678912fc elementor-widget elementor-widget-text-editor\" data-id=\"678912fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Si vous sentez que vous ne comprenez rien et que c&#039;est trop compliqu\u00e9 pour vous, ne vous inqui\u00e9tez pas ! Vous pouvez contacter des designers experts dans le domaine qui optimiseront les images de votre site web en deux par trois et am\u00e9lioreront ainsi ses performances sur le web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69cd88c elementor-widget elementor-widget-text-editor\" data-id=\"69cd88c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nous vous invitons \u00e0 faire un tour <a href=\"https:\/\/thecloud.group\/fr\/blog\/\">notre blog<\/a> si vous ne l&#039;avez pas encore fait afin que vous puissiez profiter d&#039;autres articles d&#039;int\u00e9r\u00eat. Et, si vous avez besoin d&#039;aide pour la conception et l&#039;optimisation de votre site Web,<a href=\"https:\/\/thecloud.group\/fr\/contact\/\">vous pouvez nous contacter<\/a>!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5a53fc9b\" data-id=\"5a53fc9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-434e7b2 elementor-widget elementor-widget-image\" data-id=\"434e7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/webDesing.jpg\" class=\"elementor-animation-hang attachment-large size-large wp-image-12129\" alt=\"Conception web et optimisation d&#039;images\" srcset=\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/webDesing.jpg 950w, https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/webDesing-300x200.jpg 300w, https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/webDesing-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f77e521 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f77e521\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ad7a650\" data-id=\"1ad7a650\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Que vous soyez en charge de la mise \u00e0 jour d&#039;un site internet avec de nouveaux contenus (textes et images) ou que vous vouliez en savoir plus sur le sujet, vous devez savoir comment r\u00e9duire le poids des graphismes que vous allez mettre en ligne pour qu&#039;en g\u00e9n\u00e9ral le la page est aussi optimis\u00e9e que possible et facile \u00e0 naviguer. Si, d&#039;autre part, vous recherchez une conception de sites Web \u00e0 S\u00e9ville, il est \u00e9galement important que vous sachiez comment optimiser les images qui seront utilis\u00e9es dans la conception de sites Web. Y a-t-il une diff\u00e9rence entre les formats d&#039;image\u00a0? Quels sont les plus courants\u00a0? Continue de lire!<\/p>","protected":false},"author":1,"featured_media":12124,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":["post-12119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o? | The Cloud Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecloud.group\/fr\/optimiser-les-images-pour-le-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o? | The Cloud Group\" \/>\n<meta property=\"og:description\" content=\"Bien sea si est\u00e1s a cargo de actualizar un sitio web con contenido nuevo (textos e im\u00e1genes) o quieres aprender m\u00e1s sobre el tema, necesitas conocer c\u00f3mo lograr reducir el peso de las gr\u00e1ficas que vas a subir para que en general la p\u00e1gina est\u00e9 lo m\u00e1s optimizada posible y sea f\u00e1cil su navegaci\u00f3n. Si, por otro lado, est\u00e1s buscando dise\u00f1o web en Sevilla, tambi\u00e9n es importante que sepas c\u00f3mo puedes optimizar las im\u00e1genes que se van a utilizar en dise\u00f1o web. \u00bfHay alguna diferencia entre formatos de im\u00e1genes? \u00bfCu\u00e1les son los m\u00e1s comunes? \u00a1Sigue leyendo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecloud.group\/fr\/optimiser-les-images-pour-le-web\/\" \/>\n<meta property=\"og:site_name\" content=\"The Cloud Group\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thecloudgroupglobal\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-27T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-10T16:21:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/thecloud.group\/#\/schema\/person\/96af9c910256c8762bee808ba76fc3b3\"},\"headline\":\"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?\",\"datePublished\":\"2020-11-27T10:00:00+00:00\",\"dateModified\":\"2020-12-10T16:21:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\"},\"wordCount\":771,\"publisher\":{\"@id\":\"https:\/\/thecloud.group\/#organization\"},\"image\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\",\"articleSection\":[\"Sin categorizar\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\",\"url\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\",\"name\":\"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o? | The Cloud Group\",\"isPartOf\":{\"@id\":\"https:\/\/thecloud.group\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\",\"datePublished\":\"2020-11-27T10:00:00+00:00\",\"dateModified\":\"2020-12-10T16:21:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage\",\"url\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\",\"contentUrl\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg\",\"width\":950,\"height\":534,\"caption\":\"Bien sea si est\u00e1s a cargo de actualizar un sitio web con contenido nuevo (textos e im\u00e1genes) o quieres aprender m\u00e1s sobre el tema, necesitas conocer c\u00f3mo lograr reducir el peso de las gr\u00e1ficas que vas a subir para que en general la p\u00e1gina est\u00e9 lo m\u00e1s optimizada posible y sea f\u00e1cil su navegaci\u00f3n.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thecloud.group\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thecloud.group\/#website\",\"url\":\"https:\/\/thecloud.group\/\",\"name\":\"The Cloud Group\",\"description\":\"|\u00a0Holding Internacional de Servicios\",\"publisher\":{\"@id\":\"https:\/\/thecloud.group\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thecloud.group\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thecloud.group\/#organization\",\"name\":\"The Cloud Group - Holding International de Servicios\",\"url\":\"https:\/\/thecloud.group\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thecloud.group\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/05\/logoSmallFirmaCorreo.png\",\"contentUrl\":\"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/05\/logoSmallFirmaCorreo.png\",\"width\":300,\"height\":190,\"caption\":\"The Cloud Group - Holding International de Servicios\"},\"image\":{\"@id\":\"https:\/\/thecloud.group\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/thecloudgroupglobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/thecloud.group\/#\/schema\/person\/96af9c910256c8762bee808ba76fc3b3\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thecloud.group\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/thecloud.group\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web\u00a0: Comment optimiser les images pour votre design\u00a0? | The Cloud Group","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:\/\/thecloud.group\/fr\/optimiser-les-images-pour-le-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o? | The Cloud Group","og_description":"Bien sea si est\u00e1s a cargo de actualizar un sitio web con contenido nuevo (textos e im\u00e1genes) o quieres aprender m\u00e1s sobre el tema, necesitas conocer c\u00f3mo lograr reducir el peso de las gr\u00e1ficas que vas a subir para que en general la p\u00e1gina est\u00e9 lo m\u00e1s optimizada posible y sea f\u00e1cil su navegaci\u00f3n. Si, por otro lado, est\u00e1s buscando dise\u00f1o web en Sevilla, tambi\u00e9n es importante que sepas c\u00f3mo puedes optimizar las im\u00e1genes que se van a utilizar en dise\u00f1o web. \u00bfHay alguna diferencia entre formatos de im\u00e1genes? \u00bfCu\u00e1les son los m\u00e1s comunes? \u00a1Sigue leyendo!","og_url":"https:\/\/thecloud.group\/fr\/optimiser-les-images-pour-le-web\/","og_site_name":"The Cloud Group","article_publisher":"https:\/\/www.facebook.com\/thecloudgroupglobal","article_published_time":"2020-11-27T10:00:00+00:00","article_modified_time":"2020-12-10T16:21:22+00:00","og_image":[{"width":950,"height":534,"url":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#article","isPartOf":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/"},"author":{"name":"admin","@id":"https:\/\/thecloud.group\/#\/schema\/person\/96af9c910256c8762bee808ba76fc3b3"},"headline":"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?","datePublished":"2020-11-27T10:00:00+00:00","dateModified":"2020-12-10T16:21:22+00:00","mainEntityOfPage":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/"},"wordCount":771,"publisher":{"@id":"https:\/\/thecloud.group\/#organization"},"image":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage"},"thumbnailUrl":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg","articleSection":["Sin categorizar"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/","url":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/","name":"Web\u00a0: Comment optimiser les images pour votre design\u00a0? | The Cloud Group","isPartOf":{"@id":"https:\/\/thecloud.group\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage"},"image":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage"},"thumbnailUrl":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg","datePublished":"2020-11-27T10:00:00+00:00","dateModified":"2020-12-10T16:21:22+00:00","breadcrumb":{"@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#primaryimage","url":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg","contentUrl":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/11\/web.jpg","width":950,"height":534,"caption":"Bien sea si est\u00e1s a cargo de actualizar un sitio web con contenido nuevo (textos e im\u00e1genes) o quieres aprender m\u00e1s sobre el tema, necesitas conocer c\u00f3mo lograr reducir el peso de las gr\u00e1ficas que vas a subir para que en general la p\u00e1gina est\u00e9 lo m\u00e1s optimizada posible y sea f\u00e1cil su navegaci\u00f3n."},{"@type":"BreadcrumbList","@id":"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecloud.group\/"},{"@type":"ListItem","position":2,"name":"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?"}]},{"@type":"WebSite","@id":"https:\/\/thecloud.group\/#website","url":"https:\/\/thecloud.group\/","name":"Le groupe Cloud","description":"| Soci\u00e9t\u00e9 de services internationaux","publisher":{"@id":"https:\/\/thecloud.group\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecloud.group\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/thecloud.group\/#organization","name":"The Cloud Group - Soci\u00e9t\u00e9 de services internationaux","url":"https:\/\/thecloud.group\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thecloud.group\/#\/schema\/logo\/image\/","url":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/05\/logoSmallFirmaCorreo.png","contentUrl":"https:\/\/thecloud.group\/wp-content\/uploads\/2020\/05\/logoSmallFirmaCorreo.png","width":300,"height":190,"caption":"The Cloud Group - Holding International de Servicios"},"image":{"@id":"https:\/\/thecloud.group\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/thecloudgroupglobal"]},{"@type":"Person","@id":"https:\/\/thecloud.group\/#\/schema\/person\/96af9c910256c8762bee808ba76fc3b3","name":"administrateur","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thecloud.group\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/thecloud.group"]}]}},"_links":{"self":[{"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/posts\/12119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/comments?post=12119"}],"version-history":[{"count":14,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/posts\/12119\/revisions"}],"predecessor-version":[{"id":13217,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/posts\/12119\/revisions\/13217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/media\/12124"}],"wp:attachment":[{"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/media?parent=12119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/categories?post=12119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecloud.group\/fr\/wp-json\/wp\/v2\/tags?post=12119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}