{"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":"imagens-de-otimizacao-web-para-design","status":"publish","type":"post","link":"https:\/\/thecloud.group\/pt\/web-optimizar-imagenes-para-el-diseno\/","title":{"rendered":"Web: Como otimizar imagens para o seu design?"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"O\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web: Como otimizar imagens para o seu 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
\n\t\t\t
\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Seja voc\u00ea respons\u00e1vel por atualizar um site com conte\u00fado novo (texto e imagens) ou queira aprender mais sobre o assunto, precisa saber como reduzir o tamanho dos arquivos gr\u00e1ficos que carrega para que a p\u00e1gina fique o mais otimizada poss\u00edvel e f\u00e1cil de navegar. Se, por outro lado, voc\u00ea busca design web em Sevilha, tamb\u00e9m \u00e9 importante saber como otimizar as imagens utilizadas no seu projeto. Existem diferen\u00e7as entre os formatos de imagem? Quais s\u00e3o os mais comuns? Continue lendo!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Por que eu deveria me preocupar com o tamanho da imagem hoje em dia?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Voc\u00ea pode estar se perguntando por que se preocupar com o tamanho das imagens em um blog ou site quando temos banda larga e a internet \u00e9 bastante r\u00e1pida em muitas partes do mundo. Bem, existem tr\u00eas raz\u00f5es simples:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

1. Navega\u00e7\u00e3o m\u00f3vel:<\/strong> Um grande n\u00famero de pessoas navega na internet por meio de seus dispositivos m\u00f3veis, e esse n\u00famero provavelmente continuar\u00e1 aumentando. Por esse motivo, se o nosso site tiver imagens otimizadas, ele carregar\u00e1 muito mais r\u00e1pido e os usu\u00e1rios ter\u00e3o uma experi\u00eancia melhor.<\/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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Web,\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

2. Taxa de rejei\u00e7\u00e3o mais baixa<\/strong>Um site lento e pesado far\u00e1 com que muitos usu\u00e1rios fiquem entediados e percam a paci\u00eancia enquanto esperam o conte\u00fado carregar. Isso resultar\u00e1 em uma alta taxa de rejei\u00e7\u00e3o, perda de clientes em potencial e mais visitantes abandonando o site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

3. Posicionamento SEO<\/strong>Quanto mais leve for o seu site, melhor ser\u00e1 o seu posicionamento nos mecanismos de busca. O Google tem um tempo limitado para rastrear sites, portanto, quanto mais leve for o seu site, mais p\u00e1ginas ele poder\u00e1 rastrear, aumentando suas chances de obter uma boa classifica\u00e7\u00e3o nos resultados de busca.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Como fa\u00e7o para otimizar minhas imagens?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Antes de implementar quaisquer otimiza\u00e7\u00f5es, recomendamos realizar um teste de velocidade em seu site para entender melhor o impacto atual das imagens. Existem muitos sites gratuitos online onde voc\u00ea pode realizar esse teste. Por exemplo: Google PageSpeed Insights<\/a>, Ferramentas Pingdom<\/a>, GTMetrix<\/a> y Teste de p\u00e1gina da Web<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Essas ferramentas v\u00e3o te dizer se o seu site tem imagens muito grandes e quanto tempo leva para carregar. Se o diagn\u00f3stico for que voc\u00ea precisa melhorar seus elementos gr\u00e1ficos, ent\u00e3o voc\u00ea pode revisar alguns aspectos. Vamos come\u00e7ar com o formato da imagem.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Temos o formato .GIF, que hoje em dia \u00e9 usado apenas para imagens animadas, mas, fora isso, \u00e9 um formato obsoleto. Por outro lado, o .PNG \u00e9 \u00f3timo porque suporta transpar\u00eancia e \u00e9 um formato de imagem sem perdas, mas n\u00e3o reduz o tamanho do arquivo tanto quanto o JPG. O JPG \u00e9 ideal para fotografias com muitos detalhes e cores, e \u00e9 um formato de compress\u00e3o com perdas. Ou seja, voc\u00ea pode perder qualidade se reduzir o tamanho do arquivo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Portanto, o ideal \u00e9 usar PNG para tudo, exceto fotografias, e, se poss\u00edvel, formatos vetoriais como .EPS ou .SVG.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Otimize imagens facilmente no Adobe Photoshop.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Se voc\u00ea est\u00e1 procurando ou criando designs para a web, estas dicas ser\u00e3o \u00fateis. Para quem usa o Adobe Photoshop, \u00e9 poss\u00edvel salvar imagens usando a op\u00e7\u00e3o "Salvar para a Web". Em seguida, voc\u00ea pode selecionar o formato desejado, como GIF, JPG ou PNG. O programa tamb\u00e9m permite escolher o n\u00edvel de qualidade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

No entanto, existem outras op\u00e7\u00f5es gratuitas baseadas na nuvem para comprimir imagens. Por exemplo, TinyPNG<\/a> \u00c9 uma ferramenta muito popular onde voc\u00ea carrega suas imagens e ela as comprime entre 50% e 80%, mantendo a qualidade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Se voc\u00ea acha que n\u00e3o entende nada e que isso \u00e9 muito complicado para voc\u00ea, n\u00e3o se preocupe! Voc\u00ea pode entrar em contato com designers especializados que otimizar\u00e3o as imagens do seu site rapidamente e, assim, melhorar\u00e3o seu desempenho na web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Convidamos voc\u00ea a dar uma olhada ao redor. nosso blog<\/a> Se ainda n\u00e3o o fez, confira nossos outros artigos de seu interesse. E se precisar de ajuda com o design e a otimiza\u00e7\u00e3o do seu site,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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Design\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\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":"

Seja voc\u00ea respons\u00e1vel por atualizar um site com conte\u00fado novo (texto e imagens) ou queira aprender mais sobre o assunto, precisa saber como reduzir o tamanho dos arquivos gr\u00e1ficos que carrega para que a p\u00e1gina fique o mais otimizada poss\u00edvel e f\u00e1cil de navegar. Se, por outro lado, voc\u00ea busca design web em Sevilha, tamb\u00e9m \u00e9 importante saber como otimizar as imagens utilizadas no seu projeto. Existem diferen\u00e7as entre os formatos de imagem? Quais s\u00e3o os mais comuns? Continue lendo!<\/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":"\nWeb: \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\/imagens-de-otimizacao-web-para-design\/\" \/>\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\/imagens-de-otimizacao-web-para-design\/\" \/>\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: Como otimizar imagens para o seu design? | 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\/imagens-de-otimizacao-web-para-design\/","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\/imagens-de-otimizacao-web-para-design\/","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: Como otimizar imagens para o seu design? | 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}]}}