{"id":368745,"date":"2023-01-11T12:48:00","date_gmt":"2023-01-11T09:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368745"},"modified":"2023-05-07T15:39:07","modified_gmt":"2023-05-07T12:39:07","slug":"tamanhos-de-imagem-do-wordpress-tudo-o-que-voce-precisa-saber","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/tamanhos-de-imagem-do-wordpress-tudo-o-que-voce-precisa-saber\/","title":{"rendered":"Tamanhos de imagem do WordPress: tudo o que voc\u00ea precisa saber"},"content":{"rendered":"\n<p>As imagens que voc\u00ea usa em seu site geralmente <strong>tornam seu conte\u00fado mais atraente e geralmente t\u00eam o poder de dar uma perspectiva totalmente diferente ao t\u00f3pico ao<\/strong> qual est\u00e3o se referindo. Mas, eles s\u00e3o muito mais do que uma maneira de manter a aten\u00e7\u00e3o do seu usu\u00e1rio \u2013 eles desempenham um papel muito importante no SEO do seu site, rankings SERP e, finalmente, podem afetar suas taxas de convers\u00e3o.<\/p>\n<p>Para aproveitar todos os benef\u00edcios que as imagens podem oferecer, voc\u00ea geralmente precisa <a href=\"https:\/\/themewp.inform.click\/pt-pt\/otimize-imagens-no-wordpress-para-aumentar-a-velocidade-do-site\/\" title=\"garantir que seu tamanho seja adequado\">garantir que seu tamanho seja adequado<\/a>. Neste artigo, voc\u00ea aprender\u00e1 tudo o que precisa saber sobre os tamanhos de imagem do WordPress e como isso afeta seu site.<\/p>\n<h2>Tamanhos padr\u00e3o de imagem do WordPress explicados<\/h2>\n<p>Quando voc\u00ea carrega uma imagem para sua biblioteca de m\u00eddia WP, <strong>o WordPress gera automaticamente tr\u00eas vers\u00f5es adicionais dessa imagem e as armazena separadamente<\/strong>. Voc\u00ea ver\u00e1 quatro op\u00e7\u00f5es de imagem \u2013 as op\u00e7\u00f5es de <strong>miniatura, m\u00e9dia, grande e tamanho completo<\/strong>. As tr\u00eas primeiras op\u00e7\u00f5es s\u00e3o os tamanhos de imagem padr\u00e3o do WordPress e a op\u00e7\u00e3o de tamanho completo \u00e9, na verdade, a imagem que voc\u00ea carregou em seu tamanho original.<\/p>\n<p>A raz\u00e3o pela qual o WordPress cria essas op\u00e7\u00f5es \u00e9 que o <strong>tamanho ideal de uma imagem depende de sua localiza\u00e7\u00e3o em seu site<\/strong>. Por exemplo, a resolu\u00e7\u00e3o da imagem no controle deslizante pode ser diferente da resolu\u00e7\u00e3o da imagem usada na miniatura. Como tamanhos diferentes s\u00e3o criados automaticamente, voc\u00ea n\u00e3o precisa ajustar o tamanho da imagem manualmente se quiser usar a mesma imagem em locais diferentes do site.<\/p>\n<p>Os 4 tamanhos de imagem diferentes em pixels:<\/p>\n<ul>\n<li>150 x 150 pixels &#8211; Tamanho da miniatura<\/li>\n<li>m\u00e1ximo de 300 x 300 pixels \u2013 Tamanho m\u00e9dio<\/li>\n<li>m\u00e1ximo 1024 x 1024 pixels \u2013 Tamanho grande<\/li>\n<li>Tamanho total \u2013 o tamanho original da imagem<\/li>\n<\/ul>\n<h2>E se nenhum dos tamanhos de imagem padr\u00e3o atender \u00e0s suas necessidades?<\/h2>\n<p>Como geralmente no WordPress, a solu\u00e7\u00e3o \u00e9 simples. Aqui est\u00e1 o que voc\u00ea precisa fazer para fazer upload de tamanhos de imagens personalizados.<\/p>\n<p>Primeiro, v\u00e1 para o <strong>painel de administra\u00e7\u00e3o do WP<\/strong>. Segundo, clique em <strong>Configura\u00e7\u00f5es &gt; M\u00eddia<\/strong>. Em seguida, basta ajustar as configura\u00e7\u00f5es de imagem padr\u00e3o nas Configura\u00e7\u00f5es de m\u00eddia e clicar em Salvar quando terminar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" alt=\"Tamanhos de imagem do WordPress: tudo o que voc\u00ea precisa saber\"><\/a><\/p>\n<p>Se por algum motivo voc\u00ea achar \u00fatil saber exatamente quando voc\u00ea carregou cada imagem, voc\u00ea pode marcar a caixa Organizar meus uploads em pastas baseadas em m\u00eas e ano que aparece depois de todas as outras op\u00e7\u00f5es, e todas as imagens que voc\u00ea enviar ser\u00e3o organizadas cronologicamente.<\/p>\n<h2>Qual \u00e9 o melhor tamanho de imagem que garante um desempenho ideal?<\/h2>\n<p>Certamente n\u00e3o h\u00e1 tamanho de imagem universal que possa atender a todas as necessidades, mas existem regras que garantem que suas imagens fiquem bem em diferentes tamanhos de tela. Ent\u00e3o, <strong>esses s\u00e3o os tamanhos ideais dependendo da localiza\u00e7\u00e3o da imagem em seu site<\/strong> :<\/p>\n<ul>\n<li>1200 x 630 pixels \u2013 tamanho da imagem da postagem do blog<\/li>\n<li>1048 x 250 pixels \u2013 tamanho do banner<\/li>\n<li>1200 x 900 pixels \u2013 paisagem<\/li>\n<li>900 x 1200 pixels \u2013 retrato<\/li>\n<li>1920 x 1080 pixels \u2013 tamanho da imagem de fundo do WordPress<\/li>\n<li>200 x 100 pixels \u2013 tamanho da imagem do logotipo<\/li>\n<li>150 x 150 pixels \u2013 tamanho da imagem em miniatura<\/li>\n<\/ul>\n<h2>Por que voc\u00ea deve otimizar seus tamanhos de arquivo de imagem?<\/h2>\n<p>Como voc\u00ea j\u00e1 sabe, a velocidade e o desempenho do seu site est\u00e3o no centro da qualidade da experi\u00eancia do usu\u00e1rio. Qualquer coisa que comprometa a velocidade e o desempenho, mais cedo ou mais tarde, afeta muitos aspectos diferentes do sucesso do seu site. <strong>Cada imagem com um tamanho de arquivo grande afeta a velocidade do seu site, e n\u00e3o de maneira positiva<\/strong>. Isso significa que voc\u00ea precisa ser absolutamente pr\u00e1tico \u2013 n\u00e3o faz sentido ter suas imagens maiores do que precisam ser. <strong>Exceto para fotos grandes \u2013 os tamanhos das imagens do WordPress n\u00e3o devem ser maiores que 150kb<\/strong>. Mas tamb\u00e9m n\u00e3o h\u00e1 necessidade de torn\u00e1-los menores do que precisam ser, tenha em mente que muita personaliza\u00e7\u00e3o pode afetar a qualidade da foto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" alt=\"Tamanhos de imagem do WordPress: tudo o que voc\u00ea precisa saber\"><\/a><\/p>\n<h2>Por que a compacta\u00e7\u00e3o de imagem \u00e9 importante<\/h2>\n<p>Uma maneira f\u00e1cil de melhorar o desempenho do seu site rapidamente, que n\u00e3o requer nenhuma habilidade ou conhecimento especial do seu lado, \u00e9 compactar imagens. <strong>A compacta\u00e7\u00e3o de imagens aumenta o desempenho do seu site sem afetar a qualidade de suas imagens de forma alguma<\/strong>.<\/p>\n<p>H\u00e1 uma variedade de <strong>ferramentas de compacta\u00e7\u00e3o online que tornam a compacta\u00e7\u00e3o de imagens incrivelmente simples<\/strong>. \u00c9 altamente recomend\u00e1vel que voc\u00ea comprima todas as imagens que enviar para o seu site.<\/p>\n<h2>Imagens do WordPress Responsivas<\/h2>\n<p>O WordPress detecta automaticamente o tamanho da imagem que voc\u00ea carrega e a categoriza como pequena, m\u00e9dia ou grande. E, como descrevemos anteriormente, o WordPress tamb\u00e9m redimensiona automaticamente a imagem, fornecendo tr\u00eas tamanhos de imagem padr\u00e3o para diferentes locais em seu site. Quando se trata de capacidade de resposta, o processo tamb\u00e9m \u00e9 automatizado. O WordPress tamb\u00e9m <strong>oferece compatibilidade de imagem responsiva que permite que os navegadores da Web escolham o tamanho ideal da imagem, dependendo do dispositivo do usu\u00e1rio por padr\u00e3o<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" alt=\"Tamanhos de imagem do WordPress: tudo o que voc\u00ea precisa saber\"><\/a><\/p>\n<h2>Tipos de arquivo de imagem que voc\u00ea pode enviar<\/h2>\n<p>Existem cinco tipos diferentes de arquivos de imagem que voc\u00ea pode enviar para o WordPress:<\/p>\n<ul>\n<li>.jpg<\/li>\n<li>.jpeg<\/li>\n<li>.png<\/li>\n<li>.gif<\/li>\n<li>.ico<\/li>\n<\/ul>\n<p>O upload de qualquer um desses tipos de imagem permite inserir os arquivos diretamente nas \u00e1reas de texto do WP usando o bot\u00e3o Adicionar m\u00eddia. Alguns outros formatos populares como arquivos .svg, .bmp ou .tiff. n\u00e3o s\u00e3o suportados oficialmente.<\/p>\n<p>Caso voc\u00ea tente fazer upload de um tipo de arquivo n\u00e3o suportado, voc\u00ea receber\u00e1 uma notifica\u00e7\u00e3o dizendo &quot;Desculpe, este tipo de arquivo n\u00e3o \u00e9 permitido por motivos de seguran\u00e7a&quot;.<\/p>\n<h2>Como escolher o formato de imagem correto<\/h2>\n<p>Geralmente, <strong>JPEG \u00e9 a melhor escolha para fotos e PNG \u00e9 a primeira escolha para gr\u00e1ficos<\/strong>. Descreveremos brevemente as principais caracter\u00edsticas dos tr\u00eas tipos de arquivo mais usados:<\/p>\n<p><strong>JPEG<\/strong> \u2013 significa Joint photography experts group oferece suporte para 16 milh\u00f5es de cores. \u00c9 tamb\u00e9m o menor tamanho de arquivo para fotos e, portanto, garante que a imagem seja carregada rapidamente e pare\u00e7a mais v\u00edvida.<\/p>\n<p><strong>PNG<\/strong> \u2013 significa Portable Network Graphic e \u00e9 a escolha padr\u00e3o para gr\u00e1ficos, logotipos e elementos de sites semelhantes. N\u00e3o oferece suporte para tantas cores, mas permite transpar\u00eancia de imagem.<\/p>\n<p><strong>GIF<\/strong> \u2013 significa Graphics Interchange Format e sua caracter\u00edstica distintiva \u00e9 que permite anima\u00e7\u00f5es. Ele tamb\u00e9m suporta 256 cores e transpar\u00eancia.<\/p>\n<p><strong>SVG<\/strong> \u2013 o mais usado para \u00edcones, favicons e logotipos. \u00c9 muito leve e flex\u00edvel e, portanto, ideal para elementos de sites menores.<\/p>\n<h2>SEO de imagem \u2013 voc\u00ea pode fazer isso sozinho<\/h2>\n<p>Escolher o formato certo para suas imagens \u00e9 um aspecto importante do SEO de imagens que voc\u00ea certamente pode cobrir sozinho. <strong>PNG \u00e9 recomendado para imagens que exigem alta qualidade e tamanhos de arquivo maiores, JPG \u00e9 ideal para imagens menores, pois usa otimiza\u00e7\u00e3o com e sem perdas e pode ser compactado em tamanhos menores, enquanto o GIF \u00e9 baseado em compacta\u00e7\u00e3o sem perdas e \u00e9 a melhor op\u00e7\u00e3o para imagens animadas<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-rapidamente-uma-legenda-de-imagem-do-wordpress\/\" title=\"Outra coisa que voc\u00ea pode fazer \u00e9 usar tags de t\u00edtulo\">Outra coisa que voc\u00ea pode fazer \u00e9 usar tags de t\u00edtulo<\/a> precisas e descritivas para suas imagens, pois elas ajudam os mecanismos de pesquisa a entender sobre o que \u00e9 sua imagem.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/FJ5PKEjfwZU\" frameborder=\"0\"><\/iframe><\/div>\n<p>Uma das maneiras mais pr\u00e1ticas de garantir a otimiza\u00e7\u00e3o da imagem \u00e9 usar alguns dos melhores plugins de otimiza\u00e7\u00e3o de imagem do WordPress que permitem ajustar todos os aspectos relacionados \u00e0 qualidade da imagem e garantir o desempenho ideal do site.<\/p>\n<h2>Dicas \u00fateis para gerenciar imagens do WordPress<\/h2>\n<p>Voc\u00ea deve ter notado que substituir <a href=\"https:\/\/themewp.inform.click\/pt-pt\/imagem-em-destaque-do-wordpress-o-que-e-e-como-adiciona-lo\/\" title=\"imagens em destaque no WordPress\">imagens em destaque no WordPress<\/a> ou em qualquer outro n\u00e3o \u00e9 um procedimento simples e direto. O WordPress exige que voc\u00ea fa\u00e7a uma altera\u00e7\u00e3o em cada p\u00e1gina que cont\u00e9m a imagem, e isso pode consumir uma quantidade significativa do seu tempo. Como geralmente voc\u00ea precisa desse tipo de tarefa rapidamente, recomendamos o <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-substituir-imagens-no-wordpress-com-o-plug-in-ativar-substituicao-de-midia\/\" title=\"uso de um plugin para substitui\u00e7\u00e3o de imagens no WordPress\">uso de um plugin para substitui\u00e7\u00e3o de imagens no WordPress<\/a> como a maneira mais r\u00e1pida e f\u00e1cil de realizar esse tipo de tarefa sem prejudicar o desempenho do seu site.<\/p>\n<p>As imagens s\u00e3o uma das causas mais comuns da baixa velocidade de carregamento do site. A melhor solu\u00e7\u00e3o \u00e9 redimensionar as imagens sempre que necess\u00e1rio ou diminuir o tamanho do arquivo compactando-as. Existem muitas ferramentas, como <a href=\"https:\/\/ewww.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">o otimizador de imagens EWWW<\/a>, que ajudam a compactar imagens com facilidade, ou voc\u00ea pode <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-alterar-o-tamanho-da-imagem-no-photoshop-de-maneira-facil\/\" title=\"redimensionar imagens no Photoshop\">redimensionar imagens no Photoshop<\/a>.<\/p>\n<p>Muitas vezes voc\u00ea ter\u00e1 a necessidade de polir suas imagens antes de fazer o upload. H\u00e1 muitas coisas que voc\u00ea pode fazer no WordPress para <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-editar-imagens-no-wordpress-de-maneira-rapida\/\" title=\"editar imagens sozinho\">editar imagens sozinho<\/a>.<\/p>\n<p>A melhor maneira de garantir a qualidade da imagem se voc\u00ea n\u00e3o for um fot\u00f3grafo profissional \u00e9 aproveitar <a href=\"https:\/\/themewp.inform.click\/pt-pt\/os-melhores-sites-de-fotos-gratuitas-e-premium\/\" title=\"os sites de banco de imagens gratuitos e premium\">os sites de banco de imagens gratuitos e premium<\/a>.<\/p>\n<p>Realmente n\u00e3o h\u00e1 muitas desculpas para n\u00e3o ter imagens de qualidade em seu site. Agora que voc\u00ea conhece todos os fundamentos t\u00e9cnicos sobre os tamanhos de imagem do WordPress, ser\u00e1 muito mais f\u00e1cil garantir o desempenho e a velocidade ideais do site. Se voc\u00ea tiver alguma d\u00favida sobre este t\u00f3pico, sinta-se \u00e0 vontade para entrar em contato conosco na se\u00e7\u00e3o de coment\u00e1rios.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda tudo o que voc\u00ea precisa saber sobre os tamanhos de imagem do WordPress e como isso afeta seu site em um s\u00f3 lugar.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-368745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/368745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=368745"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/368745\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=368745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=368745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=368745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}