{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"como-alterar-o-tamanho-da-imagem","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-change-image-size\/","title":{"rendered":"Alterar o tamanho da imagem"},"content":{"rendered":"<p>A altera\u00e7\u00e3o do tamanho da imagem no WordPress refere-se \u00e0 modifica\u00e7\u00e3o das dimens\u00f5es de uma imagem. Ap\u00f3s o upload de uma imagem, ele cria automaticamente v\u00e1rios tamanhos da imagem para servir a diferentes prop\u00f3sitos em seu site.<\/p>\n\n\n\n<p>Mas esses tamanhos padr\u00e3o podem n\u00e3o atender \u00e0s suas necessidades pessoais. Portanto, ao selecionar o design da p\u00e1gina e o conte\u00fado da postagem do blog, talvez voc\u00ea queira redimensionar as imagens para refletir o layout desejado.<\/p>\n\n\n\n<p>Neste artigo, vamos explorar v\u00e1rios m\u00e9todos de como alterar o tamanho da imagem no WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e9todo 1: Como alterar o tamanho da imagem usando o Editor Gutenberg<\/h2>\n\n\n\n<p>Ao criar o conte\u00fado de posts e p\u00e1ginas usando o editor Gutenberg, voc\u00ea pode personalizar o tamanho da imagem. Veja como fazer isso:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Selecione a imagem<\/h3>\n\n\n\n<p>Selecione a imagem no editor que voc\u00ea deseja redimensionar. <\/p>\n\n\n\n<p>Ir para o <strong>Guia Configura\u00e7\u00f5es<\/strong> do bloco de imagens na barra lateral direita. Voc\u00ea ver\u00e1 o <strong>Largura<\/strong> e <strong>Caixas de altura<\/strong> na guia.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp\" alt=\"Alterar o tamanho da imagem no WordPress usando o Editor Gutenberg\" class=\"wp-image-1084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Colocar valores para redimensionar a imagem<\/h3>\n\n\n\n<p><strong>Coloque seus valores desejados<\/strong> no <strong>Largura<\/strong> e <strong>Caixas de altura<\/strong>. Voc\u00ea ver\u00e1 que o tamanho da imagem est\u00e1 mudando de acordo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp\" alt=\"\" class=\"wp-image-1085\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Atualiza\u00e7\u00e3o<\/strong> o post\/p\u00e1gina para salvar as altera\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Segundo m\u00e9todo: Como alterar o tamanho da imagem na biblioteca de m\u00eddia<\/h2>\n\n\n\n<p>Todos os arquivos de m\u00eddia que voc\u00ea carrega no WordPress s\u00e3o armazenados na biblioteca de m\u00eddia. Voc\u00ea tamb\u00e9m pode redimensionar as imagens individualmente a partir da\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: V\u00e1 para a biblioteca de m\u00eddia do WordPress<\/h3>\n\n\n\n<p>Ir para o <strong>Biblioteca de m\u00eddia<\/strong> e escolha a imagem que voc\u00ea deseja redimensionar.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp\" alt=\"Como alterar o tamanho da imagem na biblioteca de m\u00eddia\" class=\"wp-image-1086\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A imagem selecionada ser\u00e1 aberta em uma nova janela. Clique no bot\u00e3o <strong>Bot\u00e3o Editar imagem<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp\" alt=\"Editar imagem na biblioteca de m\u00eddia do WordPress\" class=\"wp-image-1087\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Cortar a imagem<\/h3>\n\n\n\n<p>Clique no bot\u00e3o <strong>Bot\u00e3o Cortar<\/strong>. Voc\u00ea pode selecionar manualmente a \u00e1rea da imagem a ser cortada. Pressione o bot\u00e3o <strong>Bot\u00e3o Aplicar corte<\/strong> Finalmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp\" alt=\"Cortar a imagem\" class=\"wp-image-1088\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Salvar as altera\u00e7\u00f5es<\/strong> no final.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Terceiro m\u00e9todo: Definir configura\u00e7\u00f5es de m\u00eddia para diferentes tamanhos de imagem<\/h2>\n\n\n\n<p>Depois de definir seus tamanhos de imagem preferidos, qualquer imagem que voc\u00ea carregar no WordPress ser\u00e1 automaticamente otimizada para esses tamanhos. Voc\u00ea n\u00e3o precisar\u00e1 mais redimension\u00e1-las individualmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: V\u00e1 para Configura\u00e7\u00f5es de m\u00eddia<\/h3>\n\n\n\n<p>Ir para <strong>Configura\u00e7\u00f5es &gt; M\u00eddia<\/strong> no painel do WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp\" alt=\"V\u00e1 para Configura\u00e7\u00f5es de m\u00eddia no WordPress\" class=\"wp-image-1089\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Coloque os valores desejados com base no tipo de imagem em suas respectivas caixas de largura e altura. Pressione o bot\u00e3o <strong>Salvar altera\u00e7\u00f5es<\/strong> no final.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp\" alt=\"Definir configura\u00e7\u00f5es de m\u00eddia para diferentes tamanhos de imagem\" class=\"wp-image-1090\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Assim, voc\u00ea pode alterar os tamanhos das imagens de v\u00e1rias maneiras em seu site WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Ser capaz de alterar o tamanho da imagem \u00e9 uma habilidade importante para qualquer usu\u00e1rio do WordPress. Seja voc\u00ea um web designer ou criador de conte\u00fado, \u00e9 preciso saber isso para melhorar a qualidade do seu design e da cria\u00e7\u00e3o de conte\u00fado.<\/p>\n\n\n\n<p>Mas lembre-se de compactar todas as imagens e definir uma propor\u00e7\u00e3o de aspecto antes de fazer o upload das imagens. Isso ajudar\u00e1 a preservar a integridade visual de suas imagens e, ao mesmo tempo, manter\u00e1 seu site r\u00e1pido e leve.<\/p>","protected":false},"excerpt":{"rendered":"<p>Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}