{"id":32386,"date":"2020-01-15T09:19:54","date_gmt":"2020-01-15T12:19:54","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=32386"},"modified":"2025-04-14T12:10:39","modified_gmt":"2025-04-14T15:10:39","slug":"tamanho-de-imagens-no-wordpress-saiba-como-definir-a-dimensao-ideal","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/tamanho-de-imagens-no-wordpress-saiba-como-definir-a-dimensao-ideal\/","title":{"rendered":"Tamanho de imagens no WordPress: saiba como definir a dimens\u00e3o ideal"},"content":{"rendered":"\n

Antes de come\u00e7armos a falar sobre tamanho de imagens no WordPress, \u00e9 importante conhecer os formatos mais usados na internet. Os tr\u00eas formatos de imagem mais comuns usados no mundo \u200b\u200bonline s\u00e3o JPEG, PNG e WebP<\/strong>.<\/p>\n\n\n\n

Devido ao seu tamanho de arquivo menor e alta qualidade para fotos e imagens com muitas cores, o JPEG \u00e9 o formato preferido na maioria dos casos. J\u00e1 o PNG funciona melhor com imagens coloridas limitadas, como gr\u00e1ficos de \u00edcones e desenhos de linha. <\/p>\n\n\n\n

J\u00e1 o WebP \u00e9 um novo formato de arquivo de imagens que tem ganhado popularidade, especialmente porque este formato deixa o arquivos de 25% a 34% menores do que outros tamanhos, como PNG e JPEG. Al\u00e9m disso, a redu\u00e7\u00e3o de tamanho n\u00e3o afeta a qualidade.<\/p>\n\n\n\n

A escolha do formato certo para a sua imagem \u00e9 importante pois afeta a velocidade do seu site.<\/p>\n\n\n\n

Leia tamb\u00e9m: Guia de imagens \u2013 onde encontrar as melhores imagens para suas publica\u00e7\u00f5es e newsletters<\/a><\/strong><\/p>\n\n\n\n

<\/span>Como escolher o formato de imagem adequada?<\/span><\/h2>\n\n\n\n

A regra b\u00e1sica para escolher o formato certo \u00e9 JPEG para fotos, PNG para gr\u00e1ficos, simples assim. Se a sua imagem estiver cheia de cores e tiver diferentes texturas e gradientes, \u00e9 indicado salvar como JPEG. Se for um logotipo, texto ou cores planas por exemplo, salve-o como PNG.<\/p>\n\n\n\n

<\/span>O que acontece se voc\u00ea escolher o formato errado?<\/span><\/h2>\n\n\n\n

A olho nu, nada demais. Voc\u00ea pode salvar uma foto como PNG ou um gr\u00e1fico como JPEG e n\u00e3o conseguir distinguir a diferen\u00e7a. Mas, na hora de comprimir a imagem voc\u00ea pode ver as diferen\u00e7as e o resultado n\u00e3o ser t\u00e3o bom assim.<\/p>\n\n\n\n

<\/span>A import\u00e2ncia da compacta\u00e7\u00e3o de imagem<\/span><\/h2>\n\n\n\n

Toda imagem que voc\u00ea carrega no seu site deve ser compactada para reduzir seu tamanho geral sem afetar sua qualidade. Caso contr\u00e1rio, isso prejudicar\u00e1 a velocidade do seu site, o que afeta a experi\u00eancia do usu\u00e1rio e faz com que visitantes frustrados abandonem sua p\u00e1gina da web. Por isso \u00e9 t\u00e3o importante saber qual \u00e9 o melhor tamanho de imagens no WordPress.<\/p>\n\n\n\n

\"Tamanho<\/figure>\n\n\n\n

Quando um usu\u00e1rio visita seu site, seu dispositivo precisa fazer o download de imagens para que fiquem vis\u00edveis. Quanto maior o tamanho do arquivo, mais tempo leva para o download de um arquivo de imagem, tornando o site inteiro mais lento.<\/p>\n\n\n\n

De acordo com pesquisas realizadas no ano de 2019, 47% das pessoas esperam que seu site seja carregado em menos de 2 segundos. E 40% o abandonar\u00e3o se demorar mais de 3 segundos.<\/p>\n\n\n\n

O tamanho de imagens no WordPress tamb\u00e9m \u00e9 importante para o SEO. O Google usa o tempo de carregamento como fator ao classificar as p\u00e1ginas em seu mecanismo de pesquisa. Quanto mais lenta a p\u00e1gina, menor ser\u00e1 o desempenho nos resultados da pesquisa.<\/p>\n\n\n\n

Leia tamb\u00e9m: <\/strong>5 ferramentas para melhorar imagens para seu site WordPress<\/strong><\/a><\/p>\n\n\n\n

<\/span>Como compactar imagens?<\/span><\/h3>\n\n\n\n

A compacta\u00e7\u00e3o de imagem encontra o equil\u00edbrio entre tamanho e qualidade do arquivo para melhorar a experi\u00eancia do usu\u00e1rio. E voc\u00ea pode fazer isso de in\u00fameras formas, como atrav\u00e9s de plugins como WebP Express<\/a> para converter imagens para WebP. <\/p>\n\n\n\n

Agora se voc\u00ea deseja apenas compactar imagens, sem realizar as convers\u00f5es, voc\u00ea pode utilizar um site que converte imagens online, como TinyJPG<\/a>. <\/p>\n\n\n\n

Quer saber mais sobre compacta\u00e7\u00e3o de imagens? Leia o post: entenda como as imagens podem afetar a otimiza\u00e7\u00e3o do seu site<\/a>. <\/p>\n\n\n\n

<\/span>Tamanhos de imagem no WordPress, conhe\u00e7a:<\/span><\/h2>\n\n\n\n

O tamanho da sua imagem em pixels, o tamanho do arquivo e o design \u00e9 t\u00e3o importante quanto a velocidade quando se trata da experi\u00eancia do usu\u00e1rio. Felizmente, o WordPress tem uma maneira de processar imagens para evitar problemas com imagens que est\u00e3o fora do padr\u00e3o da plataforma.<\/p>\n\n\n\n

Sempre que voc\u00ea carrega uma nova imagem, o WordPress gera tr\u00eas vers\u00f5es adicionais em tamanhos diferentes: miniatura, m\u00e9dia e grande. Sua imagem original permanece como uma op\u00e7\u00e3o em tamanho real.<\/p>\n\n\n\n

\"Tamanho<\/figure>\n\n\n\n

Existem alguns motivos para isso acontecer: primeiro, para facilitar e voc\u00ea n\u00e3o precisar redimensionar manualmente as imagens e, segundo, para garantir que a imagem esteja em tamanho ideal para diversos tipos de local. Por exemplo, a imagem usada em uma miniatura de postagem do blog na sua p\u00e1gina inicial ser\u00e1 menor que a imagem necess\u00e1ria para o cabe\u00e7alho da postagem do blog.<\/p>\n\n\n\n

<\/span>Conhe\u00e7a os tamanhos de imagens no WordPress que s\u00e3o pr\u00e9-determinadas pela plataforma:<\/span><\/h3>\n\n\n\n