{"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\/pt\/web-optimizar-imagenes-para-el-diseno\/","title":{"rendered":"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?"},"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=\"Logotipo da The Cloud Group\" alt=\"O Cloud Group \u00e9 uma holding empresarial focada na transforma\u00e7\u00e3o digital global.\" 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: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?<\/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>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!<\/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\">\u00bfPor qu\u00e9 debo preocuparme por el peso de las im\u00e1genes hoy en d\u00eda?<\/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>Te estar\u00e1s preguntando por qu\u00e9 debes preocuparte por el peso de las im\u00e1genes para un blog o sitio web si hoy en d\u00eda contamos con banda ancha y el internet, en muchas partes del mundo, es bastante r\u00e1pido. Bueno, hay 3 simples razones para hacerlo:<\/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.\u00a0 Navegaci\u00f3n m\u00f3vil:<\/strong> Much\u00edsima gente navega en la web desde su m\u00f3vil y es una cifra que muy probablemente siga aumentando. Por esta raz\u00f3n, si nuestro sitio cuenta con im\u00e1genes optimizadas, el mismo cargar\u00e1 completamente de forma m\u00e1s r\u00e1pida y los usuarios tendr\u00e1n una mejor experiencia.<\/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, optimizar im\u00e1genes\" 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. Menor porcentaje de rebote<\/strong>: Un sitio web lento y pesado causar\u00e1 que muchos se aburran y pierdan la paciencia para esperar a que el contenido cargue. Esto resultar\u00e1 en un alto porcentaje de rebote, p\u00e9rdida de potenciales clientes y rebotes.<\/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. Posicionamiento SEO<\/strong>: Mientras menos pese tu sitio web, mejor para los rankings en los buscadores. Google dispone de tiempos limitados para rastrear a web y por eso mientras m\u00e1s ligera sea, m\u00e1s p\u00e1ginas podr\u00e1 rastrear, lo que dar\u00e1 a mayores posibilidades de posicionarse en los resultados.<\/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\">\u00bfC\u00f3mo optimizar mis im\u00e1genes?<\/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>Antes de realizar alguna optimizaci\u00f3n, te recomendamos realizar un test de velocidad en tu sitio web para que conozcas con mayor seguridad qu\u00e9 impacto tienen las im\u00e1genes en tu web en este momento. Hay muchos sitios gratuitos en internet con los que puedes hacer esta comprobaci\u00f3n. Por ejemplo: <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> y <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>Estas herramientas te dir\u00e1n si tienes im\u00e1genes muy pesadas en tu web y cu\u00e1nto est\u00e1 tardando en cargar la misma. Si el diagn\u00f3stico es que tienes que mejorar tus gr\u00e1ficas entonces puedes revisar algunas cosas. Comencemos por el formato de las im\u00e1genes.<\/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>Tenemos el .GIF que solo se utiliza hoy en d\u00eda para hacer im\u00e1genes animadas, pero del resto se trata de un formato obsoleto. Por otro lado .PNG es genial porque admite transparencias y es un formato de im\u00e1genes sin p\u00e9rdidas, pero no reduce tanto el tama\u00f1o como es el caso del JPG. Este \u00faltimo es ideal para fotograf\u00edas que tienen muchos detalles y colores y es un formato de compresi\u00f3n con p\u00e9rdidas. Es decir, se puede perder la calidad si se reduce el tama\u00f1o del archivo.<\/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>Entonces, lo ideal es utilizar PNG para todo menos para fotograf\u00edas y si es posible formatos vectoriales como .EPS o .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\">Optimizar im\u00e1genes f\u00e1cilmente en 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 est\u00e1s buscando o realizando dise\u00f1o web, estos tips te van a servir. Para quienes tienen Adobe Photoshop, pueden optar por guardar las im\u00e1genes mediante la opci\u00f3n \u201cGuardar para web\u201d. Luego podr\u00e1s seleccionar el formato deseado, bien sea GIF, JPG o PNG. Adem\u00e1s, el programa te permite elegir el nivel de calidad.<\/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>Sin embargo, hay otras opciones para comprimir im\u00e1genes y que son gratuitas, basadas en la nube. Por ejemplo, <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> es una muy popular donde subes tus im\u00e1genes y la herramienta las comprime entre 50% y 80% manteniendo la calidad.<\/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 sientes que no entiendes nada y que esto es muy complicado para ti, \u00a1no te preocupes! Puedes contactar con dise\u00f1adores expertos en la materia que optimizar\u00e1n en un dos por tres las im\u00e1genes de tu sitio web y as\u00ed mejorar su rendimiento en la 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>Te invitamos a darte una vuelta por <a href=\"https:\/\/thecloud.group\/pt\/blog\/\">nosso blog<\/a> si a\u00fan no lo has hecho para que disfrutes de otros art\u00edculos de inter\u00e9s. Y, si quieres ayuda con el dise\u00f1o y optimizaci\u00f3n de tu web, \u00a1<a href=\"https:\/\/thecloud.group\/pt\/contato\/\">Voc\u00ea pode entrar em contato conosco.<\/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>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!<\/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 Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-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\/pt\/web-optimizar-imagenes-para-el-diseno\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?\" \/>\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\/pt\/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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\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\":\"pt-PT\"},{\"@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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecloud.group\\\/web-optimizar-imagenes-para-el-diseno\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecloud.group\\\/#organization\",\"name\":\"The Cloud Group - Holding International de Servicios\",\"url\":\"https:\\\/\\\/thecloud.group\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g\",\"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 Premium 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\/pt\/web-optimizar-imagenes-para-el-diseno\/","og_locale":"pt_PT","og_type":"article","og_title":"Web: \u00bfC\u00f3mo optimizar las im\u00e1genes para su dise\u00f1o?","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\/pt\/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":{"Escrito por":"admin","Tempo estimado de leitura":"4 minutos"},"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":"pt-PT"},{"@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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecloud.group\/web-optimizar-imagenes-para-el-diseno\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@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":"O Grupo Cloud","description":"| Holding de Servi\u00e7os Internacionais","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":"pt-PT"},{"@type":"Organization","@id":"https:\/\/thecloud.group\/#organization","name":"The Cloud Group - Holding de Servi\u00e7os Internacionais","url":"https:\/\/thecloud.group\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@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":"administrador","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/secure.gravatar.com\/avatar\/4907ac288f1c97f319a5c5097e9024eb489ee94179b3b92b6fa7716b303cdc86?s=96&d=mm&r=g","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\/pt\/wp-json\/wp\/v2\/posts\/12119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/comments?post=12119"}],"version-history":[{"count":14,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/posts\/12119\/revisions"}],"predecessor-version":[{"id":13217,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/posts\/12119\/revisions\/13217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/media\/12124"}],"wp:attachment":[{"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/media?parent=12119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/categories?post=12119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecloud.group\/pt\/wp-json\/wp\/v2\/tags?post=12119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}