{"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\/en\/web-optimizar-imagenes-para-el-diseno\/","title":{"rendered":"Web: How to optimize images for your 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=\"The Cloud Group Logo Image\" alt=\"The Cloud Group is a business holding company focused on global digital transformation.\" 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: How to optimize images for your 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>Either if you are in charge of updating a website with new content (texts and images) or you want to learn more about the subject, you need to know how to reduce the weight of the graphics that you are going to upload so that in general the page is the most optimized as possible and easy to navigate. If, on the other hand, you are looking for web design in Seville, it is also important that you know how you can optimize the images that are going to be used in web design. Is there a difference between image formats? What are the most common? Keep reading!<\/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\">Why should I worry about the weight of images nowadays?<\/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>You may be wondering why you should worry about the weight of the images for a blog or website if today we have broadband and the internet, in many parts of the world, is quite fast. Well, there are 3 simple reasons to do it:<\/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. Mobile navigation:<\/strong> Lots of people surf the web from their mobile and it is a figure that will most likely continue to increase. For this reason, if our site has optimized images, it will load completely faster and users will have a better experience.<\/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, optimize 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. Lower bounce rate<\/strong>: A slow and heavy website will cause many to get bored and lose patience to wait for content to load. This will result in a high bounce rate, loss of leads, and bounces.<\/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. SEO positioning<\/strong>: The less your website weighs, the better for search engine rankings. Google has limited times to crawl the web and therefore the lighter it is, the more pages it can crawl, which will give a greater chance of positioning in the results.<\/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\">How to optimize my 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>Before performing any optimization, we recommend that you carry out a speed test on your website so that you know with greater security what impact the images have on your website at this time. There are many free sites on the internet with which you can do this check. For example: <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google PageSpeed Insights<\/a>, <a href=\"https:\/\/tools.pingdom.com\/\">Pingdom Tools<\/a>, <a href=\"https:\/\/gtmetrix.com\/\">GTMetrix<\/a> and <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>These tools will tell you if you have very heavy images on your website and how long it takes to load it. If the diagnosis is that you have to improve your graphs then you can check a few things. Let&#039;s start with the format of the 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>We have the .GIF that is only used today to make animated images, but the rest is an obsolete format. On the other hand .PNG is great because it supports transparencies and is a lossless image format, but it doesn&#039;t reduce the size as much as JPG is. The latter is ideal for photos that have a lot of detail and color and is a lossy compression format. In other words, quality may be lost if the file size is reduced.<\/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>So, the ideal is to use PNG for everything except for photographs and if possible vector formats such as .EPS or .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\">Optimize images easily in 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>If you are looking for or doing web design, these tips will help you. For those with Adobe Photoshop, they can choose to save the images using the &quot;Save for web&quot; option. Then you can select the desired format, either GIF, JPG or PNG. In addition, the program allows you to choose the level of quality.<\/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>However, there are other free, cloud-based image compression options. For example, <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> It is a very popular one where you upload your images and the tool compresses them between 50% and 80% maintaining the quality.<\/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>If you feel that you don&#039;t understand anything and that this is too complicated for you, don&#039;t worry! You can contact designers who are experts in the field who will optimize the images on your website two by three and thus improve its performance on the 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>We invite you to take a tour of <a href=\"https:\/\/thecloud.group\/en\/blog\/\">our blog<\/a> if you have not done it yet so that you can enjoy other articles of interest. And, if you want help with the design and optimization of your website,<a href=\"https:\/\/thecloud.group\/en\/contact\/\">you can contact us<\/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=\"Dise\u00f1o web y la optimizaci\u00f3n de im\u00e1genes\" 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>Either if you are in charge of updating a website with new content (texts and images) or you want to learn more about the subject, you need to know how to reduce the weight of the graphics that you are going to upload so that in general the page is the most optimized as possible and easy to navigate. If, on the other hand, you are looking for web design in Seville, it is also important that you know how you can optimize the images that are going to be used in web design. Is there a difference between image formats? What are the most common? Keep reading!<\/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\/en\/web-optimizar-imagenes-para-el-diseno\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/web-optimizar-imagenes-para-el-diseno\/\" \/>\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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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\":\"en-US\"},{\"@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\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thecloud.group\/#organization\",\"name\":\"The Cloud Group - Holding International de Servicios\",\"url\":\"https:\/\/thecloud.group\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\",\"@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: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o? | 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\/en\/web-optimizar-imagenes-para-el-diseno\/","og_locale":"en_US","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\/en\/web-optimizar-imagenes-para-el-diseno\/","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":{"Written by":"admin","Est. reading time":"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":"en-US"},{"@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":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@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":"| International Services Holding","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":"en-US"},{"@type":"Organization","@id":"https:\/\/thecloud.group\/#organization","name":"The Cloud Group - International Services Holding","url":"https:\/\/thecloud.group\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/12119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/comments?post=12119"}],"version-history":[{"count":14,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/posts\/12119\/revisions"}],"predecessor-version":[{"id":13217,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/posts\/12119\/revisions\/13217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/media\/12124"}],"wp:attachment":[{"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/media?parent=12119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/categories?post=12119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecloud.group\/en\/wp-json\/wp\/v2\/tags?post=12119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}