{"id":544,"date":"2026-09-23T20:25:38","date_gmt":"2026-09-23T20:25:38","guid":{"rendered":"https:\/\/flowbase.co.mz\/blog\/?p=544"},"modified":"2026-09-23T20:25:38","modified_gmt":"2026-09-23T20:25:38","slug":"como-reduzir-tamanho-das-imagens-no-wordpress","status":"publish","type":"post","link":"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/","title":{"rendered":"Como reduzir o tamanho das imagens do WordPress sem perder qualidade"},"content":{"rendered":"<div>\n<div class=\"stage-layout flex h-svh w-screen flex-col pt-[env(safe-area-inset-top,0px)]\">\n<div class=\"relative z-0 flex min-h-0 w-full flex-1\">\n<div class=\"relative flex min-h-0 w-full min-w-0 flex-1\">\n<div class=\"group\/side-pane-shell-host relative flex min-h-0 min-w-0 flex-1 has-[[data-side-pane-shell-transition]]:overflow-x-clip\" data-side-pane-shell-host=\"true\">\n<div class=\"@container\/main relative flex min-w-0 flex-1 flex-col not-print:has-[[data-scroll-root][data-voice-floating-orb-focus-surface]]:overflow-clip -translate-y-[calc(env(safe-area-inset-bottom,0px)\/2)] pt-[calc(env(safe-area-inset-bottom,0px)\/2)]\">\n<div class=\"@w-sm\/main:[scrollbar-gutter:var(--stage-scroll-gutter)] touch:[scrollbar-width:none] group\/scroll-root relative flex min-h-0 min-w-0 flex-1 flex-col [scrollbar-gutter:stable] not-print:overflow-x-clip not-print:overflow-y-auto group-data-stream-active\/scroll-root:[overflow-anchor:none] not-print:data-expanded-composer:overflow-y-hidden! not-print:data-voice-focus-mode:overflow-y-hidden! scroll-pt-(--header-height) [--sticky-padding-top:var(--header-height)] [--sticky-padding-bottom:0px] [--scroll-root-safe-area-inset-top:calc(var(--sticky-padding-top)+env(safe-area-inset-top,0px))] [--scroll-root-safe-area-inset-bottom:calc(var(--sticky-padding-bottom)+var(--screen-keyboard-height,0px)+env(safe-area-inset-bottom,0px))] [--scroll-root-safe-area-height:calc(100lvh-var(--scroll-root-safe-area-inset-top)-var(--scroll-root-safe-area-inset-bottom))] has-data-[fixed-header=less-than-md]:md:scroll-pt-0 has-data-[fixed-header=less-than-md]:md:[--sticky-padding-top:0px] has-data-[fixed-header=never]:scroll-pt-0 has-data-[fixed-header=never]:[--sticky-padding-top:0px] has-data-[fixed-header=less-than-xl]:@w-xl\/main:scroll-pt-0 has-data-[fixed-header=less-than-xl]:@w-xl\/main:[--sticky-padding-top:0px] has-data-[fixed-header=less-than-xxl]:@w-2xl\/main:scroll-pt-0 has-data-[fixed-header=less-than-xxl]:@w-2xl\/main:[--sticky-padding-top:0px] group-data-[side-pane-shell-open]\/side-pane-shell-host:[scrollbar-width:none] group-data-[side-pane-shell-open]\/side-pane-shell-host:[&amp;::-webkit-scrollbar]:hidden\" data-scroll-root=\"\" data-scroll-from-top=\"\" data-scroll-from-end=\"\">\n<div class=\"contents\">\n<p>As imagens s\u00e3o essenciais para deixar um site WordPress mais profissional, agrad\u00e1vel e f\u00e1cil de entender. Por\u00e9m, quando os ficheiros s\u00e3o muito grandes, podem deixar as p\u00e1ginas lentas e prejudicar a experi\u00eancia do visitante.<\/p>\n<div class=\"contents\" role=\"presentation\">\n<div id=\"thread\" class=\"group\/thread flex flex-col min-h-full\">\n<div class=\"composer-parent flex flex-1 flex-col focus-visible:outline-0\">\n<div class=\"relative basis-auto flex-col -mb-(--composer-overlap-px) pb-(--composer-overlap-px) [--composer-overlap-px:28px] grow flex\">\n<div class=\"flex min-h-0 grow flex-col text-sm\">\n<div class=\"qMYqUG_convSearchResultHighlightRoot\">\n<div class=\"\" data-turn-id-container=\"request-WEB:afab9b19-b4c4-4435-9f8a-77c9eab1829b-3\" data-is-intersecting=\"true\">\n<section class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:afab9b19-b4c4-4435-9f8a-77c9eab1829b-3\" data-turn-id-container=\"request-WEB:afab9b19-b4c4-4435-9f8a-77c9eab1829b-3\" data-testid=\"conversation-turn-8\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" data-conversation-screenshot-content=\"\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" dir=\"auto\" tabindex=\"0\" data-message-author-role=\"assistant\" data-message-id=\"e6067cae-fee3-4372-8190-347e2dd390c8\" data-message-model-slug=\"gpt-5-6\" data-turn-start-message=\"true\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"LR5Y_W_content markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\">\n<p dir=\"auto\" data-start=\"297\" data-end=\"508\">A boa not\u00edcia \u00e9 que <strong data-start=\"317\" data-end=\"390\">n\u00e3o \u00e9 necess\u00e1rio eliminar as imagens nem deix\u00e1-las com qualidade ruim<\/strong>. Com algumas t\u00e9cnicas simples, \u00e9 poss\u00edvel reduzir bastante o tamanho dos ficheiros e manter uma boa qualidade visual.<\/p>\n<p dir=\"auto\" data-start=\"510\" data-end=\"693\">Neste artigo, vais aprender <strong data-start=\"538\" data-end=\"610\">como reduzir o tamanho das imagens do WordPress sem perder qualidade<\/strong>, desde a escolha das dimens\u00f5es at\u00e9 \u00e0 compress\u00e3o e utiliza\u00e7\u00e3o de formatos modernos.<\/p>\n<hr data-start=\"695\" data-end=\"698\" \/>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabela de conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1a8541;color:#1a8541\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1a8541;color:#1a8541\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Por_que_imagens_grandes_deixam_o_WordPress_lento\" >Por que imagens grandes deixam o WordPress lento?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#1_Escolha_as_dimensoes_corretas_antes_de_enviar_a_imagem\" >1. Escolha as dimens\u00f5es corretas antes de enviar a imagem<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Uma_referencia_pratica\" >Uma refer\u00eancia pr\u00e1tica<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#2_Redimensione_a_imagem_antes_de_comprimir\" >2. Redimensione a imagem antes de comprimir<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#3_Use_WebP_quando_for_adequado\" >3. Use WebP quando for adequado<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Quando_usar_JPG\" >Quando usar JPG?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Quando_usar_PNG\" >Quando usar PNG?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Quando_usar_WebP\" >Quando usar WebP?<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#4_Comprima_as_imagens_antes_de_coloca-las_no_WordPress\" >4. Comprima as imagens antes de coloc\u00e1-las no WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#5_Nao_envie_a_imagem_original_para_a_Biblioteca_de_Midia\" >5. N\u00e3o envie a imagem original para a Biblioteca de M\u00eddia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#6_Escolha_o_nivel_de_compressao_adequado\" >6. Escolha o n\u00edvel de compress\u00e3o adequado<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Compressao_com_perda\" >Compress\u00e3o com perda<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Compressao_sem_perda\" >Compress\u00e3o sem perda<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#7_Evite_colocar_imagens_enormes_apenas_para_preencher_espaco\" >7. Evite colocar imagens enormes apenas para preencher espa\u00e7o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#8_Utilize_carregamento_preguicoso_Lazy_Load\" >8. Utilize carregamento pregui\u00e7oso (Lazy Load)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#9_Nao_coloque_imagens_desnecessarias_no_artigo\" >9. N\u00e3o coloque imagens desnecess\u00e1rias no artigo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Imagem_1_%E2%80%94_Destaque\" >Imagem 1 \u2014 Destaque<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Imagem_2_%E2%80%94_Corpo\" >Imagem 2 \u2014 Corpo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Imagem_3_%E2%80%94_Conclusao\" >Imagem 3 \u2014 Conclus\u00e3o<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#10_Use_imagens_responsivas\" >10. Use imagens responsivas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#11_Como_otimizar_uma_imagem_para_o_teu_blog\" >11. Como otimizar uma imagem para o teu blog<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Passo_1_%E2%80%94_Redimensionar\" >Passo 1 \u2014 Redimensionar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Passo_2_%E2%80%94_Comprimir\" >Passo 2 \u2014 Comprimir<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Passo_3_%E2%80%94_Converter\" >Passo 3 \u2014 Converter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Passo_4_%E2%80%94_Renomear\" >Passo 4 \u2014 Renomear<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Passo_5_%E2%80%94_Enviar_para_o_WordPress\" >Passo 5 \u2014 Enviar para o WordPress<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#12_Renomeie_os_ficheiros_antes_do_upload\" >12. Renomeie os ficheiros antes do upload<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#13_Nao_confunda_qualidade_visual_com_tamanho_do_ficheiro\" >13. N\u00e3o confunda qualidade visual com tamanho do ficheiro<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#14_Como_saber_se_a_imagem_ficou_boa\" >14. Como saber se a imagem ficou boa?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#15_Erros_que_deves_evitar\" >15. Erros que deves evitar<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Enviar_imagens_de_5_MB_ou_10_MB\" >&#x274c; Enviar imagens de 5 MB ou 10 MB<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Redimensionar_apenas_pelo_WordPress\" >&#x274c; Redimensionar apenas pelo WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Comprimir_excessivamente\" >&#x274c; Comprimir excessivamente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Utilizar_o_formato_errado\" >&#x274c; Utilizar o formato errado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Colocar_dezenas_de_imagens_sem_necessidade\" >&#x274c; Colocar dezenas de imagens sem necessidade<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#%E2%9D%8C_Ignorar_o_telemovel\" >&#x274c; Ignorar o telem\u00f3vel<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Checklist_rapido_para_otimizar_imagens_no_WordPress\" >Checklist r\u00e1pido para otimizar imagens no WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/flowbase.co.mz\/blog\/como-reduzir-tamanho-das-imagens-no-wordpress\/#Conclusao\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n<h2 dir=\"auto\" data-section-id=\"6hru0y\" data-start=\"700\" data-end=\"752\"><span class=\"ez-toc-section\" id=\"Por_que_imagens_grandes_deixam_o_WordPress_lento\"><\/span>Por que imagens grandes deixam o WordPress lento?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p dir=\"auto\" data-start=\"754\" data-end=\"890\">Quando algu\u00e9m acessa uma p\u00e1gina, o navegador precisa carregar os elementos presentes nela, incluindo textos, c\u00f3digos, scripts e imagens.<\/p>\n<p dir=\"auto\" data-start=\"892\" data-end=\"1029\">Uma imagem de v\u00e1rios megabytes pode demorar muito mais para ser transferida do que uma imagem otimizada de algumas centenas de kilobytes.<\/p>\n<p dir=\"auto\" data-start=\"1031\" data-end=\"1043\">Por exemplo:<\/p>\n<ul data-start=\"1045\" data-end=\"1121\">\n<li data-section-id=\"1s3y09p\" data-start=\"1045\" data-end=\"1072\">Imagem original: <strong data-start=\"1064\" data-end=\"1072\">3 MB<\/strong><\/li>\n<li data-section-id=\"1ndk19n\" data-start=\"1073\" data-end=\"1121\">Imagem redimensionada e comprimida: <strong data-start=\"1111\" data-end=\"1121\">250 KB<\/strong><\/li>\n<\/ul>\n<p dir=\"auto\" data-start=\"1123\" data-end=\"1228\">Se uma p\u00e1gina tiver v\u00e1rias imagens de 3 MB, a quantidade de dados transferidos pode aumentar rapidamente.<\/p>\n<p dir=\"auto\" data-start=\"1230\" data-end=\"1252\">Isso pode resultar em:<\/p>\n<ul data-start=\"1254\" data-end=\"1439\">\n<li data-section-id=\"1x909hh\" data-start=\"1254\" data-end=\"1280\">carregamento mais lento;<\/li>\n<li data-section-id=\"1vf3xpi\" data-start=\"1281\" data-end=\"1313\">maior consumo de dados m\u00f3veis;<\/li>\n<li data-section-id=\"1d87wi1\" data-start=\"1314\" data-end=\"1350\">pior experi\u00eancia para o visitante;<\/li>\n<li data-section-id=\"7sf84q\" data-start=\"1351\" data-end=\"1389\">maior tempo at\u00e9 o conte\u00fado aparecer;<\/li>\n<li data-section-id=\"15onxdx\" data-start=\"1390\" data-end=\"1439\">poss\u00edveis problemas nas m\u00e9tricas de desempenho.<\/li>\n<\/ul>\n<p dir=\"auto\" data-start=\"1441\" data-end=\"1534\">Por isso, <strong data-start=\"1451\" data-end=\"1533\">otimizar imagens \u00e9 uma das tarefas importantes para quem administra um website<\/strong>.<\/p>\n<hr data-start=\"1536\" data-end=\"1539\" \/>\n<h1 dir=\"auto\" data-section-id=\"r5jgg0\" data-start=\"1541\" data-end=\"1600\"><span class=\"ez-toc-section\" id=\"1_Escolha_as_dimensoes_corretas_antes_de_enviar_a_imagem\"><\/span>1. Escolha as dimens\u00f5es corretas antes de enviar a imagem<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"1602\" data-end=\"1720\">Um dos erros mais comuns \u00e9 enviar para o WordPress uma imagem muito maior do que o espa\u00e7o em que ela ser\u00e1 apresentada.<\/p>\n<p dir=\"auto\" data-start=\"1722\" data-end=\"1813\">Imagine que a \u00e1rea de conte\u00fado do seu blog tenha aproximadamente <strong data-start=\"1787\" data-end=\"1812\">800 pixels de largura<\/strong>.<\/p>\n<p dir=\"auto\" data-start=\"1815\" data-end=\"1858\">N\u00e3o faz muito sentido enviar uma imagem de:<\/p>\n<p dir=\"auto\" data-start=\"1860\" data-end=\"1878\"><strong data-start=\"1860\" data-end=\"1878\">5000 \u00d7 3333 px<\/strong><\/p>\n<p dir=\"auto\" data-start=\"1880\" data-end=\"1917\">se ela ser\u00e1 exibida em apenas 800 px.<\/p>\n<p dir=\"auto\" data-start=\"1919\" data-end=\"1978\">Uma dimens\u00e3o excessiva significa mais dados desnecess\u00e1rios.<\/p>\n<h3 dir=\"auto\" data-section-id=\"1i6jip6\" data-start=\"1980\" data-end=\"2006\"><span class=\"ez-toc-section\" id=\"Uma_referencia_pratica\"><\/span>Uma refer\u00eancia pr\u00e1tica<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"2008\" data-end=\"2073\">Para muitos blogs WordPress, podes trabalhar aproximadamente com:<\/p>\n<div class=\"group TyagGW_tableContainer\" dir=\"auto\">\n<div class=\"TyagGW_tableWrapper flex flex-col-reverse w-fit\" tabindex=\"-1\">\n<table class=\"w-fit min-w-(--thread-content-width)\" dir=\"auto\" data-start=\"2075\" data-end=\"2233\">\n<thead data-start=\"2075\" data-end=\"2110\">\n<tr data-start=\"2075\" data-end=\"2110\">\n<th class=\"last:pe-10\" data-start=\"2075\" data-end=\"2088\" data-col-size=\"sm\">Utiliza\u00e7\u00e3o<\/th>\n<th class=\"last:pe-10\" data-start=\"2088\" data-end=\"2110\" data-col-size=\"sm\">Largura aproximada<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"2122\" data-end=\"2233\">\n<tr data-start=\"2122\" data-end=\"2163\">\n<td data-start=\"2122\" data-end=\"2148\" data-col-size=\"sm\">Imagem dentro do artigo<\/td>\n<td data-col-size=\"sm\" data-start=\"2148\" data-end=\"2163\">800\u20131200 px<\/td>\n<\/tr>\n<tr data-start=\"2164\" data-end=\"2201\">\n<td data-start=\"2164\" data-end=\"2185\" data-col-size=\"sm\">Imagem de destaque<\/td>\n<td data-col-size=\"sm\" data-start=\"2185\" data-end=\"2201\">1200-1600px<\/td>\n<\/tr>\n<tr data-start=\"2202\" data-end=\"2233\">\n<td data-start=\"2202\" data-end=\"2219\" data-col-size=\"sm\">Imagem pequena<\/td>\n<td data-col-size=\"sm\" data-start=\"2219\" data-end=\"2233\">600\u2013800 px<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p dir=\"auto\" data-start=\"2235\" data-end=\"2366\">Esses valores n\u00e3o s\u00e3o regras absolutas. O tamanho ideal depende do tema, do layout e da resolu\u00e7\u00e3o em que a imagem ser\u00e1 apresentada.<\/p>\n<div class=\"qMYqUG_convSearchResultHighlightRoot\">\n<div class=\"\" data-turn-id-container=\"request-6ab42680-6a34-83ea-8a7b-f721cd4d3bb0-3\" data-is-intersecting=\"true\">\n<section class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-6ab42680-6a34-83ea-8a7b-f721cd4d3bb0-3\" data-turn-id-container=\"request-6ab42680-6a34-83ea-8a7b-f721cd4d3bb0-3\" data-testid=\"conversation-turn-16\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" data-conversation-screenshot-content=\"\">\n<div class=\"flex max-w-full flex-col gap-4 [&amp;&gt;div:has([data-free-thinking-preview-answer=true])+:is(.text-message,.relative:has(&gt;.text-message))]:-mt-2 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" dir=\"auto\" tabindex=\"0\" data-message-author-role=\"assistant\" data-message-id=\"369d5635-496a-45f3-8bef-035ca4987bff\" data-message-model-slug=\"gpt-5-6\" data-turn-start-message=\"true\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"LR5Y_W_content markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\">\n<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"0\" data-end=\"203\" data-is-last-node=\"\" data-is-only-node=\"\">Nb:Para melhor desempenho, use <strong data-start=\"36\" data-end=\"53\">1200 \u00d7 800 px<\/strong> na imagem de destaque e <strong data-start=\"78\" data-end=\"104\">800\u20131200 px de largura<\/strong> nas imagens do artigo, preferencialmente em <strong data-start=\"149\" data-end=\"157\">WebP<\/strong> e comprimidas sem perda vis\u00edvel de qualidade.<\/p>\n<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"0\" data-end=\"203\" data-is-last-node=\"\" data-is-only-node=\"\"><strong data-start=\"2368\" data-end=\"2394\">O princ\u00edpio \u00e9 simples:<\/strong> n\u00e3o uses uma imagem gigantesca quando uma vers\u00e3o menor j\u00e1 atende \u00e0 necessidade do site.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<hr data-start=\"2484\" data-end=\"2487\" \/>\n<h1 dir=\"auto\" data-section-id=\"tlk4j\" data-start=\"2489\" data-end=\"2534\"><span class=\"ez-toc-section\" id=\"2_Redimensione_a_imagem_antes_de_comprimir\"><\/span>2. Redimensione a imagem antes de comprimir<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"2536\" data-end=\"2587\">Redimensionar e comprimir s\u00e3o processos diferentes.<\/p>\n<p dir=\"auto\" data-start=\"2589\" data-end=\"2649\"><strong data-start=\"2589\" data-end=\"2606\">Redimensionar<\/strong> significa diminuir as dimens\u00f5es da imagem.<\/p>\n<p dir=\"auto\" data-start=\"2651\" data-end=\"2746\"><strong data-start=\"2651\" data-end=\"2664\">Comprimir<\/strong> significa reduzir o tamanho do ficheiro, procurando preservar a qualidade visual.<\/p>\n<p dir=\"auto\" data-start=\"2748\" data-end=\"2772\">O ideal \u00e9 fazer os dois.<\/p>\n<p dir=\"auto\" data-start=\"2774\" data-end=\"2786\">Por exemplo:<\/p>\n<p dir=\"auto\" data-start=\"2788\" data-end=\"2817\">Uma imagem original pode ter:<\/p>\n<p dir=\"auto\" data-start=\"2819\" data-end=\"2844\"><strong data-start=\"2819\" data-end=\"2844\">4000 \u00d7 2667 px \u2014 4 MB<\/strong><\/p>\n<p dir=\"auto\" data-start=\"2846\" data-end=\"2874\">Depois do redimensionamento:<\/p>\n<p dir=\"auto\" data-start=\"2876\" data-end=\"2893\"><strong data-start=\"2876\" data-end=\"2893\">1400 \u00d7 933 px<\/strong><\/p>\n<p dir=\"auto\" data-start=\"2895\" data-end=\"2932\">E, posteriormente, ap\u00f3s a compress\u00e3o:<\/p>\n<p dir=\"auto\" data-start=\"2934\" data-end=\"2944\"><strong data-start=\"2934\" data-end=\"2944\">300 KB<\/strong><\/p>\n<p dir=\"auto\" data-start=\"2946\" data-end=\"3045\">O resultado pode continuar visualmente excelente, mas ocupar uma pequena fra\u00e7\u00e3o do espa\u00e7o original.<\/p>\n<hr data-start=\"3047\" data-end=\"3050\" \/>\n<h1 dir=\"auto\" data-section-id=\"q396st\" data-start=\"3052\" data-end=\"3085\"><span class=\"ez-toc-section\" id=\"3_Use_WebP_quando_for_adequado\"><\/span>3. Use WebP quando for adequado<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"3087\" data-end=\"3200\">O <strong data-start=\"3089\" data-end=\"3097\">WebP<\/strong> \u00e9 um formato desenvolvido para fornecer imagens com boa qualidade e ficheiros menores em muitos casos.<\/p>\n<p dir=\"auto\" data-start=\"3202\" data-end=\"3295\">Para um site WordPress moderno, pode ser uma excelente alternativa aos formatos tradicionais.<\/p>\n<p dir=\"auto\" data-start=\"3297\" data-end=\"3320\">Por exemplo, podes ter:<\/p>\n<p dir=\"auto\" data-start=\"3322\" data-end=\"3356\"><strong data-start=\"3322\" data-end=\"3330\">JPG:<\/strong> 700 KB<br data-start=\"3337\" data-end=\"3340\" \/><strong data-start=\"3340\" data-end=\"3349\">WebP:<\/strong> 250 KB<\/p>\n<p dir=\"auto\" data-start=\"3358\" data-end=\"3432\">O tamanho final varia conforme a imagem e o n\u00edvel de compress\u00e3o utilizado.<\/p>\n<p dir=\"auto\" data-start=\"3434\" data-end=\"3494\">Por isso, n\u00e3o existe uma redu\u00e7\u00e3o fixa para todas as imagens.<\/p>\n<h3 dir=\"auto\" data-section-id=\"l3fefl\" data-start=\"3496\" data-end=\"3516\"><span class=\"ez-toc-section\" id=\"Quando_usar_JPG\"><\/span>Quando usar JPG?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"3518\" data-end=\"3603\">O JPG continua sendo \u00fatil principalmente para fotografias e imagens com muitas cores.<\/p>\n<h3 dir=\"auto\" data-section-id=\"l2w5qt\" data-start=\"3605\" data-end=\"3625\"><span class=\"ez-toc-section\" id=\"Quando_usar_PNG\"><\/span>Quando usar PNG?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"3627\" data-end=\"3775\">O PNG pode ser interessante quando precisas de transpar\u00eancia ou quando a imagem cont\u00e9m determinados elementos gr\u00e1ficos que beneficiam desse formato.<\/p>\n<h3 dir=\"auto\" data-section-id=\"1kd6yy4\" data-start=\"3777\" data-end=\"3798\"><span class=\"ez-toc-section\" id=\"Quando_usar_WebP\"><\/span>Quando usar WebP?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"3800\" data-end=\"3898\">O WebP \u00e9 uma boa op\u00e7\u00e3o quando queres reduzir o peso das imagens mantendo uma boa qualidade visual.<\/p>\n<hr data-start=\"3900\" data-end=\"3903\" \/>\n<h1 dir=\"auto\" data-section-id=\"1gqzrmw\" data-start=\"3905\" data-end=\"3962\"><span class=\"ez-toc-section\" id=\"4_Comprima_as_imagens_antes_de_coloca-las_no_WordPress\"><\/span>4. Comprima as imagens antes de coloc\u00e1-las no WordPress<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"3964\" data-end=\"4029\">Depois de redimensionar a imagem, o pr\u00f3ximo passo \u00e9 a compress\u00e3o.<\/p>\n<p dir=\"auto\" data-start=\"4031\" data-end=\"4093\">Existem ferramentas online que permitem fazer isso facilmente.<\/p>\n<p dir=\"auto\" data-start=\"4095\" data-end=\"4120\">O processo normalmente \u00e9:<\/p>\n<p dir=\"auto\" data-start=\"4122\" data-end=\"4190\"><strong data-start=\"4122\" data-end=\"4190\">Selecionar imagem \u2192 comprimir \u2192 baixar \u2192 enviar para o WordPress<\/strong><\/p>\n<p dir=\"auto\" data-start=\"4192\" data-end=\"4232\">Ao comprimir, evita exagerar na redu\u00e7\u00e3o.<\/p>\n<p dir=\"auto\" data-start=\"4234\" data-end=\"4284\">Uma imagem extremamente comprimida pode ficar com:<\/p>\n<ul data-start=\"4286\" data-end=\"4372\">\n<li data-section-id=\"1xn77wh\" data-start=\"4286\" data-end=\"4306\">detalhes borrados;<\/li>\n<li data-section-id=\"tcnfb1\" data-start=\"4307\" data-end=\"4320\">artefactos;<\/li>\n<li data-section-id=\"dcb39t\" data-start=\"4321\" data-end=\"4340\">perda de nitidez;<\/li>\n<li data-section-id=\"29jp62\" data-start=\"4341\" data-end=\"4372\">apar\u00eancia pouco profissional.<\/li>\n<\/ul>\n<p dir=\"auto\" data-start=\"4374\" data-end=\"4423\">O objetivo n\u00e3o \u00e9 obter o menor ficheiro poss\u00edvel.<\/p>\n<p dir=\"auto\" data-start=\"4425\" data-end=\"4492\">O objetivo \u00e9 encontrar um <strong data-start=\"4451\" data-end=\"4491\">equil\u00edbrio entre tamanho e qualidade<\/strong>.<\/p>\n<hr data-start=\"4494\" data-end=\"4497\" \/>\n<h1 dir=\"auto\" data-section-id=\"17ekov6\" data-start=\"4499\" data-end=\"4558\"><span class=\"ez-toc-section\" id=\"5_Nao_envie_a_imagem_original_para_a_Biblioteca_de_Midia\"><\/span>5. N\u00e3o envie a imagem original para a Biblioteca de M\u00eddia<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"4560\" data-end=\"4657\">Se j\u00e1 sabes que uma imagem precisa ser reduzida, \u00e9 melhor fazer a otimiza\u00e7\u00e3o <strong data-start=\"4637\" data-end=\"4656\">antes do upload<\/strong>.<\/p>\n<p dir=\"auto\" data-start=\"4659\" data-end=\"4669\">Em vez de:<\/p>\n<p dir=\"auto\" data-start=\"4671\" data-end=\"4715\"><strong data-start=\"4671\" data-end=\"4715\">Imagem original \u2192 WordPress \u2192 otimiza\u00e7\u00e3o<\/strong><\/p>\n<p dir=\"auto\" data-start=\"4717\" data-end=\"4729\">podes fazer:<\/p>\n<p dir=\"auto\" data-start=\"4731\" data-end=\"4795\"><strong data-start=\"4731\" data-end=\"4795\">Imagem original \u2192 redimensionamento \u2192 compress\u00e3o \u2192 WordPress<\/strong><\/p>\n<p dir=\"auto\" data-start=\"4797\" data-end=\"4866\">Isso evita armazenar e utilizar uma vers\u00e3o desnecessariamente pesada.<\/p>\n<p dir=\"auto\" data-start=\"4868\" data-end=\"4925\">Tamb\u00e9m facilita a organiza\u00e7\u00e3o da tua biblioteca de m\u00eddia.<\/p>\n<hr data-start=\"4927\" data-end=\"4930\" \/>\n<h1 dir=\"auto\" data-section-id=\"1w9l28n\" data-start=\"4932\" data-end=\"4975\"><span class=\"ez-toc-section\" id=\"6_Escolha_o_nivel_de_compressao_adequado\"><\/span>6. Escolha o n\u00edvel de compress\u00e3o adequado<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"4977\" data-end=\"5022\">Existem normalmente dois tipos de compress\u00e3o:<\/p>\n<h3 dir=\"auto\" data-section-id=\"14135nz\" data-start=\"5024\" data-end=\"5048\"><span class=\"ez-toc-section\" id=\"Compressao_com_perda\"><\/span>Compress\u00e3o com perda<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"5050\" data-end=\"5133\">Reduz mais o tamanho do ficheiro, mas pode remover parte das informa\u00e7\u00f5es da imagem.<\/p>\n<p dir=\"auto\" data-start=\"5135\" data-end=\"5217\">Quando utilizada corretamente, a perda visual pode ser praticamente impercept\u00edvel.<\/p>\n<h3 dir=\"auto\" data-section-id=\"1e5sit1\" data-start=\"5219\" data-end=\"5243\"><span class=\"ez-toc-section\" id=\"Compressao_sem_perda\"><\/span>Compress\u00e3o sem perda<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"5245\" data-end=\"5319\">Procura reduzir o tamanho preservando mais informa\u00e7\u00f5es da imagem original.<\/p>\n<p dir=\"auto\" data-start=\"5321\" data-end=\"5365\">Entretanto, a redu\u00e7\u00e3o obtida pode ser menor.<\/p>\n<p dir=\"auto\" data-start=\"5367\" data-end=\"5500\">Para imagens de um blog, uma compress\u00e3o com alguma perda pode ser perfeitamente aceit\u00e1vel, desde que a qualidade visual continue boa.<\/p>\n<hr data-start=\"5502\" data-end=\"5505\" \/>\n<h1 dir=\"auto\" data-section-id=\"yu2tmx\" data-start=\"5507\" data-end=\"5570\"><span class=\"ez-toc-section\" id=\"7_Evite_colocar_imagens_enormes_apenas_para_preencher_espaco\"><\/span>7. Evite colocar imagens enormes apenas para preencher espa\u00e7o<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"5572\" data-end=\"5680\">Outro erro comum \u00e9 utilizar uma imagem de alta resolu\u00e7\u00e3o simplesmente porque existe espa\u00e7o grande no layout.<\/p>\n<p dir=\"auto\" data-start=\"5682\" data-end=\"5733\">A imagem deve ter uma dimens\u00e3o adequada ao seu uso.<\/p>\n<p dir=\"auto\" data-start=\"5735\" data-end=\"5896\">Por exemplo, se uma pequena imagem dentro do artigo aparece com apenas 500 px de largura, n\u00e3o precisas necessariamente de utilizar uma imagem de 3000 ou 4000 px.<\/p>\n<p dir=\"auto\" data-start=\"5898\" data-end=\"5990\">Quanto maior o ficheiro sem necessidade, maior ser\u00e1 o trabalho do navegador para carreg\u00e1-lo.<\/p>\n<hr data-start=\"5992\" data-end=\"5995\" \/>\n<h1 dir=\"auto\" data-section-id=\"1nsw94v\" data-start=\"5997\" data-end=\"6045\"><span class=\"ez-toc-section\" id=\"8_Utilize_carregamento_preguicoso_Lazy_Load\"><\/span>8. Utilize carregamento pregui\u00e7oso (Lazy Load)<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"6047\" data-end=\"6176\">O <strong data-start=\"6049\" data-end=\"6062\">Lazy Load<\/strong> permite que determinadas imagens sejam carregadas quando est\u00e3o pr\u00f3ximas de aparecer na \u00e1rea vis\u00edvel do visitante.<\/p>\n<p dir=\"auto\" data-start=\"6178\" data-end=\"6211\">Imagine um artigo com 10 imagens.<\/p>\n<p dir=\"auto\" data-start=\"6213\" data-end=\"6280\">O visitante entra na p\u00e1gina e v\u00ea apenas a primeira parte do artigo.<\/p>\n<p dir=\"auto\" data-start=\"6282\" data-end=\"6408\">Em vez de carregar imediatamente todas as 10 imagens, o navegador pode adiar o carregamento das imagens que est\u00e3o mais abaixo.<\/p>\n<p dir=\"auto\" data-start=\"6410\" data-end=\"6470\">Isso pode ajudar a reduzir o carregamento inicial da p\u00e1gina.<\/p>\n<p dir=\"auto\" data-start=\"6472\" data-end=\"6626\">O WordPress moderno j\u00e1 possui suporte nativo para carregamento lento de imagens em muitos casos, embora temas e plugins possam alterar esse comportamento.<\/p>\n<hr data-start=\"6628\" data-end=\"6631\" \/>\n<h1 dir=\"auto\" data-section-id=\"w1g99z\" data-start=\"6633\" data-end=\"6682\"><span class=\"ez-toc-section\" id=\"9_Nao_coloque_imagens_desnecessarias_no_artigo\"><\/span>9. N\u00e3o coloque imagens desnecess\u00e1rias no artigo<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"6684\" data-end=\"6744\">Mais imagens n\u00e3o significa necessariamente um artigo melhor.<\/p>\n<p dir=\"auto\" data-start=\"6746\" data-end=\"6786\">Antes de adicionar uma imagem, pergunta:<\/p>\n<blockquote data-start=\"6788\" data-end=\"6846\">\n<p dir=\"auto\" data-start=\"6790\" data-end=\"6846\"><strong data-start=\"6790\" data-end=\"6846\">Esta imagem ajuda o leitor a compreender o conte\u00fado?<\/strong><\/p>\n<\/blockquote>\n<p dir=\"auto\" data-start=\"6848\" data-end=\"6902\">Se a resposta for n\u00e3o, talvez ela n\u00e3o seja necess\u00e1ria.<\/p>\n<p dir=\"auto\" data-start=\"6904\" data-end=\"6989\">Para muitos artigos de blog, <strong data-start=\"6933\" data-end=\"6966\">2 ou 3 imagens bem escolhidas<\/strong> podem ser suficientes.<\/p>\n<p dir=\"auto\" data-start=\"6991\" data-end=\"7003\">Por exemplo:<\/p>\n<h3 dir=\"auto\" data-section-id=\"fw5gtr\" data-start=\"7005\" data-end=\"7028\"><span class=\"ez-toc-section\" id=\"Imagem_1_%E2%80%94_Destaque\"><\/span>Imagem 1 \u2014 Destaque<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"7030\" data-end=\"7083\">Representa visualmente o assunto principal do artigo.<\/p>\n<h3 dir=\"auto\" data-section-id=\"xyi7qj\" data-start=\"7085\" data-end=\"7105\"><span class=\"ez-toc-section\" id=\"Imagem_2_%E2%80%94_Corpo\"><\/span>Imagem 2 \u2014 Corpo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"7107\" data-end=\"7150\">Ajuda a ilustrar uma explica\u00e7\u00e3o importante.<\/p>\n<h3 dir=\"auto\" data-section-id=\"138m5vw\" data-start=\"7152\" data-end=\"7176\"><span class=\"ez-toc-section\" id=\"Imagem_3_%E2%80%94_Conclusao\"><\/span>Imagem 3 \u2014 Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"7178\" data-end=\"7216\">Pode refor\u00e7ar a ideia final do artigo.<\/p>\n<p dir=\"auto\" data-start=\"7218\" data-end=\"7322\">Dessa forma, o artigo continua visualmente interessante sem ficar carregado de ficheiros desnecess\u00e1rios.<\/p>\n<hr data-start=\"7324\" data-end=\"7327\" \/>\n<h1 dir=\"auto\" data-section-id=\"10udabf\" data-start=\"7329\" data-end=\"7358\"><span class=\"ez-toc-section\" id=\"10_Use_imagens_responsivas\"><\/span>10. Use imagens responsivas<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"7360\" data-end=\"7411\">Uma imagem responsiva adapta-se ao tamanho da tela.<\/p>\n<p dir=\"auto\" data-start=\"7413\" data-end=\"7504\">Isso \u00e9 particularmente importante porque os visitantes podem acessar o teu site atrav\u00e9s de:<\/p>\n<ul data-start=\"7506\" data-end=\"7547\">\n<li data-section-id=\"psgarx\" data-start=\"7506\" data-end=\"7521\">computadores;<\/li>\n<li data-section-id=\"1fvui22\" data-start=\"7522\" data-end=\"7532\">tablets;<\/li>\n<li data-section-id=\"1g8cjyo\" data-start=\"7533\" data-end=\"7547\">smartphones.<\/li>\n<\/ul>\n<p dir=\"auto\" data-start=\"7549\" data-end=\"7673\">Uma imagem que ocupa 1200 px no computador n\u00e3o precisa necessariamente ser carregada da mesma maneira em todas as situa\u00e7\u00f5es.<\/p>\n<p dir=\"auto\" data-start=\"7675\" data-end=\"7841\">O WordPress possui recursos para trabalhar com diferentes tamanhos de imagens e permitir que o navegador escolha uma vers\u00e3o apropriada em determinadas circunst\u00e2ncias.<\/p>\n<p dir=\"auto\" data-start=\"7843\" data-end=\"7949\">Por isso, evita inserir imagens de forma que obriguem o navegador a carregar sempre uma vers\u00e3o gigantesca.<\/p>\n<hr data-start=\"7951\" data-end=\"7954\" \/>\n<h1 dir=\"auto\" data-section-id=\"g9vrk5\" data-start=\"7956\" data-end=\"8002\"><span class=\"ez-toc-section\" id=\"11_Como_otimizar_uma_imagem_para_o_teu_blog\"><\/span>11. Como otimizar uma imagem para o teu blog<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"8004\" data-end=\"8073\">Vamos imaginar que criaste uma imagem para um artigo sobre WordPress.<\/p>\n<p dir=\"auto\" data-start=\"8075\" data-end=\"8100\">A imagem original possui:<\/p>\n<p dir=\"auto\" data-start=\"8102\" data-end=\"8133\"><strong data-start=\"8102\" data-end=\"8120\">3500 \u00d7 2333 px<\/strong><br data-start=\"8120\" data-end=\"8123\" \/><strong data-start=\"8123\" data-end=\"8133\">2,8 MB<\/strong><\/p>\n<p dir=\"auto\" data-start=\"8135\" data-end=\"8158\">Podes fazer o seguinte:<\/p>\n<h3 dir=\"auto\" data-section-id=\"xpwmq1\" data-start=\"8160\" data-end=\"8187\"><span class=\"ez-toc-section\" id=\"Passo_1_%E2%80%94_Redimensionar\"><\/span>Passo 1 \u2014 Redimensionar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"8189\" data-end=\"8218\">Reduzir para aproximadamente:<\/p>\n<p dir=\"auto\" data-start=\"8220\" data-end=\"8237\"><strong data-start=\"8220\" data-end=\"8237\">1400 \u00d7 933 px<\/strong><\/p>\n<h3 dir=\"auto\" data-section-id=\"g7xfvm\" data-start=\"8239\" data-end=\"8262\"><span class=\"ez-toc-section\" id=\"Passo_2_%E2%80%94_Comprimir\"><\/span>Passo 2 \u2014 Comprimir<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"8264\" data-end=\"8315\">Reduzir o tamanho do ficheiro para algo pr\u00f3ximo de:<\/p>\n<p dir=\"auto\" data-start=\"8317\" data-end=\"8331\"><strong data-start=\"8317\" data-end=\"8331\">200\u2013400 KB<\/strong><\/p>\n<p dir=\"auto\" data-start=\"8333\" data-end=\"8379\">dependendo da imagem e da qualidade escolhida.<\/p>\n<h3 dir=\"auto\" data-section-id=\"5dfh5r\" data-start=\"8381\" data-end=\"8404\"><span class=\"ez-toc-section\" id=\"Passo_3_%E2%80%94_Converter\"><\/span>Passo 3 \u2014 Converter<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"8406\" data-end=\"8438\">Se for adequado, converter para:<\/p>\n<p dir=\"auto\" data-start=\"8440\" data-end=\"8448\"><strong data-start=\"8440\" data-end=\"8448\">WebP<\/strong><\/p>\n<h3 dir=\"auto\" data-section-id=\"rgaxpx\" data-start=\"8450\" data-end=\"8472\"><span class=\"ez-toc-section\" id=\"Passo_4_%E2%80%94_Renomear\"><\/span>Passo 4 \u2014 Renomear<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"8474\" data-end=\"8484\">Em vez de:<\/p>\n<p dir=\"auto\" data-start=\"8486\" data-end=\"8500\"><code data-start=\"8486\" data-end=\"8500\">IMG_4587.jpg<\/code><\/p>\n<p dir=\"auto\" data-start=\"8502\" data-end=\"8543\">utilizar um nome descritivo, por exemplo:<\/p>\n<p dir=\"auto\" data-start=\"8545\" data-end=\"8577\"><code data-start=\"8545\" data-end=\"8577\">imagem-otimizar-wordpress.webp<\/code><\/p>\n<h3 dir=\"auto\" data-section-id=\"1bwucvu\" data-start=\"8579\" data-end=\"8616\"><span class=\"ez-toc-section\" id=\"Passo_5_%E2%80%94_Enviar_para_o_WordPress\"><\/span>Passo 5 \u2014 Enviar para o WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"8618\" data-end=\"8688\">Agora a imagem est\u00e1 muito mais preparada para ser utilizada no artigo.<\/p>\n<hr data-start=\"8690\" data-end=\"8693\" \/>\n<h1 dir=\"auto\" data-section-id=\"n0r292\" data-start=\"8695\" data-end=\"8738\"><span class=\"ez-toc-section\" id=\"12_Renomeie_os_ficheiros_antes_do_upload\"><\/span>12. Renomeie os ficheiros antes do upload<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"8740\" data-end=\"8806\">O nome do ficheiro tamb\u00e9m pode ser organizado de forma mais clara.<\/p>\n<p dir=\"auto\" data-start=\"8808\" data-end=\"8825\">Evita nomes como:<\/p>\n<p dir=\"auto\" data-start=\"8827\" data-end=\"8841\"><code data-start=\"8827\" data-end=\"8841\">DSC00123.jpg<\/code><\/p>\n<p dir=\"auto\" data-start=\"8843\" data-end=\"8846\">ou:<\/p>\n<p dir=\"auto\" data-start=\"8848\" data-end=\"8873\"><code data-start=\"8848\" data-end=\"8873\">imagem-final-final2.jpg<\/code><\/p>\n<p dir=\"auto\" data-start=\"8875\" data-end=\"8912\">Prefere algo relacionado ao conte\u00fado:<\/p>\n<p dir=\"auto\" data-start=\"8914\" data-end=\"8947\"><code data-start=\"8914\" data-end=\"8947\">otimizar-imagens-wordpress.webp<\/code><\/p>\n<p dir=\"auto\" data-start=\"8949\" data-end=\"8952\">ou:<\/p>\n<p dir=\"auto\" data-start=\"8954\" data-end=\"8986\"><code data-start=\"8954\" data-end=\"8986\">velocidade-site-wordpress.webp<\/code><\/p>\n<p dir=\"auto\" data-start=\"8988\" data-end=\"9073\">Isso ajuda na organiza\u00e7\u00e3o da Biblioteca de M\u00eddia e fornece contexto sobre o ficheiro.<\/p>\n<p dir=\"auto\" data-start=\"9075\" data-end=\"9231\"><strong data-start=\"9075\" data-end=\"9090\">Importante:<\/strong> o nome do ficheiro, sozinho, n\u00e3o far\u00e1 o artigo aparecer no Google. Ele \u00e9 apenas uma pequena parte da otimiza\u00e7\u00e3o geral da imagem e da p\u00e1gina.<\/p>\n<hr data-start=\"9233\" data-end=\"9236\" \/>\n<h1 dir=\"auto\" data-section-id=\"1kevfwt\" data-start=\"9238\" data-end=\"9297\"><span class=\"ez-toc-section\" id=\"13_Nao_confunda_qualidade_visual_com_tamanho_do_ficheiro\"><\/span>13. N\u00e3o confunda qualidade visual com tamanho do ficheiro<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"9299\" data-end=\"9375\">Uma imagem de 1 MB n\u00e3o \u00e9 necessariamente melhor do que uma imagem de 300 KB.<\/p>\n<p dir=\"auto\" data-start=\"9377\" data-end=\"9436\">O tamanho do ficheiro depende de v\u00e1rios fatores, incluindo:<\/p>\n<ul data-start=\"9438\" data-end=\"9524\">\n<li data-section-id=\"1bicc08\" data-start=\"9438\" data-end=\"9450\">dimens\u00f5es;<\/li>\n<li data-section-id=\"qelmwv\" data-start=\"9451\" data-end=\"9461\">formato;<\/li>\n<li data-section-id=\"1mrlrc6\" data-start=\"9462\" data-end=\"9487\">quantidade de detalhes;<\/li>\n<li data-section-id=\"f10kex\" data-start=\"9488\" data-end=\"9501\">compress\u00e3o;<\/li>\n<li data-section-id=\"1n517v4\" data-start=\"9502\" data-end=\"9524\">qualidade escolhida.<\/li>\n<\/ul>\n<p dir=\"auto\" data-start=\"9526\" data-end=\"9599\">Uma fotografia pode ser visualmente excelente com algumas centenas de KB.<\/p>\n<p dir=\"auto\" data-start=\"9601\" data-end=\"9672\">Por isso, n\u00e3o deves avaliar uma imagem apenas pelo tamanho do ficheiro.<\/p>\n<p dir=\"auto\" data-start=\"9674\" data-end=\"9776\">O mais importante \u00e9 abrir a imagem depois da compress\u00e3o e verificar se ela continua com boa apar\u00eancia.<\/p>\n<hr data-start=\"9778\" data-end=\"9781\" \/>\n<h1 dir=\"auto\" data-section-id=\"1jm6la4\" data-start=\"9783\" data-end=\"9822\"><span class=\"ez-toc-section\" id=\"14_Como_saber_se_a_imagem_ficou_boa\"><\/span>14. Como saber se a imagem ficou boa?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"9824\" data-end=\"9862\">Depois de otimizar a imagem, verifica:<\/p>\n<p dir=\"auto\" data-start=\"9864\" data-end=\"9891\"><strong data-start=\"9864\" data-end=\"9891\">&#x2714; A imagem est\u00e1 n\u00edtida?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"9893\" data-end=\"9960\"><strong data-start=\"9893\" data-end=\"9960\">&#x2714; Os textos dentro da imagem, caso existam, continuam leg\u00edveis?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"9962\" data-end=\"9998\"><strong data-start=\"9962\" data-end=\"9998\">&#x2714; Existem manchas ou artefactos?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"10000\" data-end=\"10034\"><strong data-start=\"10000\" data-end=\"10034\">&#x2714; As cores continuam naturais?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"10036\" data-end=\"10086\"><strong data-start=\"10036\" data-end=\"10086\">&#x2714; A imagem aparece corretamente no computador?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"10088\" data-end=\"10129\"><strong data-start=\"10088\" data-end=\"10129\">&#x2714; A imagem funciona bem no telem\u00f3vel?<\/strong><\/p>\n<p dir=\"auto\" data-start=\"10131\" data-end=\"10224\">Se a resposta for sim, provavelmente encontraste um bom equil\u00edbrio entre qualidade e tamanho.<\/p>\n<hr data-start=\"10226\" data-end=\"10229\" \/>\n<h1 dir=\"auto\" data-section-id=\"8we1k8\" data-start=\"10231\" data-end=\"10259\"><span class=\"ez-toc-section\" id=\"15_Erros_que_deves_evitar\"><\/span>15. Erros que deves evitar<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h3 dir=\"auto\" data-section-id=\"1qzmp20\" data-start=\"10261\" data-end=\"10298\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Enviar_imagens_de_5_MB_ou_10_MB\"><\/span>&#x274c; Enviar imagens de 5 MB ou 10 MB<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10300\" data-end=\"10363\">Ficheiros extremamente pesados podem prejudicar o carregamento.<\/p>\n<h3 dir=\"auto\" data-section-id=\"1us08qx\" data-start=\"10365\" data-end=\"10406\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Redimensionar_apenas_pelo_WordPress\"><\/span>&#x274c; Redimensionar apenas pelo WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10408\" data-end=\"10530\">Alterar o tamanho visual no editor n\u00e3o significa necessariamente que o ficheiro original tenha sido devidamente otimizado.<\/p>\n<h3 dir=\"auto\" data-section-id=\"saggtg\" data-start=\"10532\" data-end=\"10562\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Comprimir_excessivamente\"><\/span>&#x274c; Comprimir excessivamente<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10564\" data-end=\"10611\">Uma imagem muito pequena pode perder qualidade.<\/p>\n<h3 dir=\"auto\" data-section-id=\"1wzetgi\" data-start=\"10613\" data-end=\"10644\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Utilizar_o_formato_errado\"><\/span>&#x274c; Utilizar o formato errado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10646\" data-end=\"10719\">Escolhe o formato de acordo com o tipo de imagem e a necessidade do site.<\/p>\n<h3 dir=\"auto\" data-section-id=\"18fmchj\" data-start=\"10721\" data-end=\"10769\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Colocar_dezenas_de_imagens_sem_necessidade\"><\/span>&#x274c; Colocar dezenas de imagens sem necessidade<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10771\" data-end=\"10838\">Cada imagem adicional pode representar mais recursos para carregar.<\/p>\n<h3 dir=\"auto\" data-section-id=\"u2q1le\" data-start=\"10840\" data-end=\"10865\"><span class=\"ez-toc-section\" id=\"%E2%9D%8C_Ignorar_o_telemovel\"><\/span>&#x274c; Ignorar o telem\u00f3vel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p dir=\"auto\" data-start=\"10867\" data-end=\"10925\">Sempre verifica como as imagens aparecem em telas menores.<\/p>\n<hr data-start=\"10927\" data-end=\"10930\" \/>\n<h1 dir=\"auto\" data-section-id=\"c2jkrw\" data-start=\"10932\" data-end=\"10985\"><span class=\"ez-toc-section\" id=\"Checklist_rapido_para_otimizar_imagens_no_WordPress\"><\/span>Checklist r\u00e1pido para otimizar imagens no WordPress<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"10987\" data-end=\"11040\">Antes de publicar um artigo, podes seguir esta lista:<\/p>\n<p dir=\"auto\" data-start=\"11042\" data-end=\"11070\"><strong data-start=\"11042\" data-end=\"11070\">&#x2611; Redimensionar a imagem<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11072\" data-end=\"11098\"><strong data-start=\"11072\" data-end=\"11098\">&#x2611; Comprimir o ficheiro<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11100\" data-end=\"11147\"><strong data-start=\"11100\" data-end=\"11147\">&#x2611; Escolher JPG, PNG ou WebP conforme o caso<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11149\" data-end=\"11183\"><strong data-start=\"11149\" data-end=\"11183\">&#x2611; Utilizar dimens\u00f5es adequadas<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11185\" data-end=\"11225\"><strong data-start=\"11185\" data-end=\"11225\">&#x2611; Dar um nome descritivo ao ficheiro<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11227\" data-end=\"11278\"><strong data-start=\"11227\" data-end=\"11278\">&#x2611; Adicionar texto alternativo quando necess\u00e1rio<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11280\" data-end=\"11315\"><strong data-start=\"11280\" data-end=\"11315\">&#x2611; Evitar imagens desnecess\u00e1rias<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11317\" data-end=\"11348\"><strong data-start=\"11317\" data-end=\"11348\">&#x2611; Verificar a vers\u00e3o mobile<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11350\" data-end=\"11399\"><strong data-start=\"11350\" data-end=\"11399\">&#x2611; Confirmar que a imagem mant\u00e9m boa qualidade<\/strong><\/p>\n<hr data-start=\"11401\" data-end=\"11404\" \/>\n<h1 dir=\"auto\" data-section-id=\"1g4xr35\" data-start=\"11406\" data-end=\"11417\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p dir=\"auto\" data-start=\"11419\" data-end=\"11525\">Reduzir o tamanho das imagens do WordPress <strong data-start=\"11462\" data-end=\"11524\">n\u00e3o significa deixar o site com imagens de baixa qualidade<\/strong>.<\/p>\n<p dir=\"auto\" data-start=\"11527\" data-end=\"11566\">O segredo est\u00e1 em combinar tr\u00eas coisas:<\/p>\n<p dir=\"auto\" data-start=\"11568\" data-end=\"11626\"><strong data-start=\"11568\" data-end=\"11626\">dimens\u00f5es adequadas + compress\u00e3o + formato apropriado.<\/strong><\/p>\n<p dir=\"auto\" data-start=\"11628\" data-end=\"11764\">Antes de enviar uma imagem para o WordPress, redimensiona-a para o tamanho necess\u00e1rio, comprime-a e, quando fizer sentido, utiliza WebP.<\/p>\n<p dir=\"auto\" data-start=\"11766\" data-end=\"11895\">Tamb\u00e9m \u00e9 importante evitar imagens desnecessariamente grandes e verificar sempre como elas aparecem no computador e no telem\u00f3vel.<\/p>\n<p dir=\"auto\" data-start=\"11897\" data-end=\"12048\">Com esse processo simples, podes diminuir significativamente o peso das p\u00e1ginas e contribuir para uma experi\u00eancia de navega\u00e7\u00e3o mais r\u00e1pida e agrad\u00e1vel.<\/p>\n<h2 dir=\"auto\" data-section-id=\"yx9nnz\" data-start=\"12055\" data-end=\"12086\"><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"z-0 flex min-h-[46px] justify-start\"><\/div>\n<div class=\"mt-3 w-full empty:hidden has-[&gt;_:empty]:hidden\">\n<div class=\"text-center\"><\/div>\n<\/div>\n<\/div>\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\" data-conversation-screenshot-content=\"\">\n<div><\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none -mt-px h-px translate-y-(--scroll-root-safe-area-inset-bottom)\" aria-hidden=\"true\"><\/div>\n<div class=\"invisible mt-auto grid\">\n<div class=\"col-start-1 row-start-1\">\n<div class=\"pointer-events-none translate-y-(--scroll-root-safe-area-inset-bottom) R6Vx5W_threadScrollVars min-h-(--gutter-remaining-height,0px) group-data-stream-active\/scroll-root:h-[calc(var(--thread-response-height)-16*var(--spacing))]\"><\/div>\n<\/div>\n<div class=\"visible sticky bottom-(--scroll-root-safe-area-inset-bottom,0px) col-start-1 row-start-1 self-end\">\n<div class=\"\" data-testid=\"thread-disclaimer\">\n<div class=\"min-h-9 pt-2 text-center text-xs text-token-text-tertiary [view-transition-name:var(--vt-disclaimer)] pb-4 relative overflow-hidden @w-sm\/main:px-[60px]\">\n<div class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"thread-bottom-container\" class=\"sticky bottom-0 z-10 isolate group\/thread-bottom-container w-full basis-auto has-data-has-thread-error:pt-2 has-data-has-thread-error:[box-shadow:var(--sharp-edge-bottom-shadow)] md:border-transparent md:pt-0 dark:border-white\/20 md:dark:border-transparent print:hidden pointer-events-none [--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] Ejxyja_threadFooterContentFade flex flex-col\">\n<div class=\"pointer-events-none\" data-thread-footer-overflow-spacer=\"\" data-testid=\"thread-footer-overflow-spacer\" aria-hidden=\"true\"><\/div>\n<div class=\"w-full\">\n<div class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 pointer-events-auto @[53.5rem]\/main:[--thread-content-max-width:48rem] w-full\">\n<div class=\"pointer-events-auto mb-(--thread-component-gap,24px) w-full empty:hidden\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-auto relative mx-auto h-0\">\n<div class=\"flex h-0 items-end justify-center motion-safe:transition-all motion-safe:delay-300 motion-safe:duration-300 group-[:not([data-scroll-from-end])]\/scroll-root:scale-50 group-[:not([data-scroll-from-end])]\/scroll-root:translate-y-2 group-[:not([data-scroll-from-end])]\/scroll-root:opacity-0 group-[:not([data-scroll-from-end])]\/scroll-root:pointer-events-none group-[:not([data-scroll-from-end])]\/scroll-root:duration-100 group-[:not([data-scroll-from-end])]\/scroll-root:delay-0 absolute start-1\/2 z-10 -translate-x-1\/2 bottom-[calc(100%+3*var(--spacing)+var(--thread-scroll-to-bottom-banner-offset,0px))]\"><\/div>\n<\/div>\n<div class=\"contents\">\n<div id=\"thread-bottom\" class=\"relative sm:group-data-[work-home-expanded]\/thread:sticky sm:group-data-[work-home-expanded]\/thread:top-[calc(var(--sticky-padding-top,0px)+var(--work-home-greeting-height,96px))] sm:group-data-[work-home-expanded]\/thread:z-10\">\n<div class=\"relative z-1\">\n<div class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div>\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 mb-(--thread-component-gap,24px) sm:group-data-[work-home-expanded]\/thread:mb-0 pointer-events-auto\">\n<div class=\"w-full\">\n<div class=\"pointer-events-auto relative z-1 flex h-(--composer-container-height,100%) max-w-full flex-(--composer-container-flex,1) flex-col [--composer-container-height:auto]\">\n<div><\/div>\n<div><\/div>\n<div class=\"flex justify-center empty:hidden\"><\/div>\n<div class=\"contents\">\n<div class=\"absolute start-0 end-0 bottom-full z-20\" data-prompt-textarea-header=\"\"><\/div>\n<form class=\"group\/composer w-full\" autocomplete=\"off\" data-type=\"unified-composer\">\n<div class=\"hidden\"><input id=\"upload-files\" tabindex=\"-1\" multiple=\"multiple\" type=\"file\" data-photo-upload-enabled=\"true\" \/><\/div>\n<div class=\"relative\">\n<div class=\"bg-(--composer-surface-primary) grid cursor-text flex-col overflow-clip bg-clip-padding contain-inline-size motion-safe:transition-colors motion-safe:duration-200 motion-safe:ease-in-out group-not-data-expanded\/composer:min-h-[52px] grid-cols-[minmax(0,1fr)] grid-rows-[max-content_0_auto] [grid-template-areas:'eyebrow'_'controls'_'body'] shadow-short-composer max-sm:not-dark:shadow-[0_0_0_1px_rgba(0,_0,_0,_0.04),0_2px_8px_0_rgba(0,_0,_0,_0.04),0px_4px_40px_8px_rgba(0,_0,_0,_0.025)]\" data-composer-surface=\"true\">\n<div class=\"relative row-start-2 row-end-3 col-start-1 col-end-2 h-0 shrink-0\" data-composer-controls-anchor=\"\"><\/div>\n<div class=\"row-start-3 row-end-4 col-start-1 col-end-2 min-h-0 min-w-0 flex-1 px-2 py-[9px] group-not-data-expanded\/composer:py-[5px] max-sm:group-not-data-expanded\/composer:pb-2 grid grid-cols-[auto_1fr_auto] [grid-template-areas:'header_header_header'_'leading_primary_trailing'_'._footer_.'] group-data-expanded\/composer:[grid-template-areas:'header_header_header'_'primary_primary_primary'_'leading_footer_trailing'] max-sm:[grid-template-areas:'header_header_header'_'primary_primary_primary'_'leading_footer_trailing']\" data-composer-body=\"\" data-composer-grid=\"\">\n<div class=\"self-center [grid-area:leading]\" data-composer-transition-slot=\"leading\">\n<div id=\"_r_21j_\" class=\"fixed inset-s-[calc(anchor(center)+var(--oai-anchor-align-offset,0px))] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\" role=\"tooltip\" hidden=\"\"><\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"-my-2.5 flex overflow-x-hidden ps-1.75 pe-1.5 [grid-area:primary] group-data-expanded\/composer:mb-0 group-data-expanded\/composer:ps-2.5 group-data-expanded\/composer:pe-2.5 min-h-14 items-center\">\n<div class=\"wcDTda_prosemirror-parent -loYTa_composer Xe3xaa_composerHorizontalRules text-token-text-primary max-h-[max(30svh,5rem)] max-h-52 min-h-[var(--deep-research-composer-extra-height,unset)] flex-1 scroll-py-4 overflow-auto [scrollbar-width:thin] default-browser vertical-scroll-fade-mask group-data-[expanded-composer-mode-button]\/composer:pe-9\">\n<p><textarea class=\"wcDTda_fallbackTextarea\" dir=\"auto\" spellcheck=\"true\" name=\"prompt-textarea\" placeholder=\"Ask anything\" aria-label=\"Chat with ChatGPT\" data-virtualkeyboard=\"true\"><\/textarea><\/p>\n<div id=\"prompt-textarea\" class=\"ProseMirror\" role=\"textbox\" contenteditable=\"true\" spellcheck=\"true\" translate=\"no\" data-virtualkeyboard=\"true\" aria-multiline=\"true\" aria-label=\"Chat with ChatGPT\"><\/div>\n<\/div>\n<\/div>\n<div class=\"flex items-center gap-1 [grid-area:trailing]\" data-composer-transition-slot=\"trailing\">\n<div class=\"relative ms-1 flex items-center gap-1.5\">\n<div class=\"max-sm:hidden\">\n<div id=\"_r_21l_\" class=\"fixed inset-s-[calc(anchor(center)+var(--oai-anchor-align-offset,0px))] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\" role=\"tooltip\" hidden=\"\"><\/div>\n<div class=\"__composer-pill-icon\"><\/div>\n<\/div>\n<\/div>\n<div class=\"ms-auto flex items-center gap-2\">\n<div id=\"_r_21n_\" class=\"fixed inset-s-[calc(anchor(center)+var(--oai-anchor-align-offset,0px))] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\" role=\"tooltip\" hidden=\"\"><\/div>\n<p>&nbsp;<\/p>\n<div class=\"inline-flex\">\n<div>\n<div id=\"_r_259_\" class=\"fixed inset-s-[calc(anchor(center)+var(--oai-anchor-align-offset,0px))] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\" role=\"tooltip\" hidden=\"\"><\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/form>\n<p><input id=\"upload-media-files\" tabindex=\"-1\" hidden=\"\" accept=\"image\/*,video\/*\" multiple=\"multiple\" type=\"file\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-0\">\n<div class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin) h-full\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 relative h-full\">\n<div class=\"pointer-events-none absolute inset-0 z-50 *:pointer-events-auto\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"pointer-events-none fixed inset-x-0 bottom-[calc(var(--scroll-root-safe-area-inset-bottom)+1rem)] z-[100]\"><\/div>\n<\/div>\n<\/div>\n<div class=\"bg-surface-primary relative min-h-0 shrink-0 overflow-hidden ease-out motion-reduce:transition-none transition-[width] duration-300\" data-side-pane-shell-rail=\"true\">\n<div class=\"absolute inset-y-0 end-0 h-full\" aria-hidden=\"true\" data-side-pane-shell-surface=\"true\">\n<div class=\"h-full w-full\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As imagens s\u00e3o essenciais para deixar um site WordPress mais profissional, agrad\u00e1vel e f\u00e1cil de entender. Por\u00e9m, quando os ficheiros s\u00e3o muito grandes, podem deixar as p\u00e1ginas lentas e prejudicar a experi\u00eancia do visitante. A boa not\u00edcia \u00e9 que n\u00e3o \u00e9 necess\u00e1rio eliminar as imagens nem deix\u00e1-las com qualidade ruim. Com algumas t\u00e9cnicas simples, \u00e9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":564,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"featured_image_src":"https:\/\/flowbase.co.mz\/blog\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-23-2026-12_44_36-PM-3-600x400.jpg","featured_image_src_square":"https:\/\/flowbase.co.mz\/blog\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-23-2026-12_44_36-PM-3-600x600.jpg","author_info":{"display_name":"Chelton Agude","author_link":"https:\/\/flowbase.co.mz\/blog\/author\/chelton-agude\/"},"_links":{"self":[{"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/posts\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":3,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/posts\/544\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/posts\/544\/revisions\/565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/media\/564"}],"wp:attachment":[{"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/categories?post=544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flowbase.co.mz\/blog\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}