Para saber mais e expandir sua pequena empresa, baixe nosso guia gratuito de marketing para mídias sociais.
O e-mail informado é inválido.
Obrigado por se cadastrar.
Ao informar seu e-mail, você indica que leu e entendeu nossa Política de Privacidade e concorda em receber marketing do Squarespace.
Vemos fotos on-line o dia todo, todos os dias, em telas de diferentes tamanhos. Para empresas e marcas, as imagens usadas para anunciar produtos, serviços ou conteúdo são importantes tanto para atrair interesse quanto para destacar os detalhes.
Imagens fortes podem ser prejudicadas pelo tamanho errado, o que causa problemas como pixelização ou carregamento lento da página. Isso dá aos visitantes um motivo para fechar o browser. Assim, é importante selecionar as imagens e os arquivos corretos para que os usuários tenham a melhor experiência possível enquanto navegam no seu site ou suas mídias sociais.
Este guia mostra por que é importante considerar o ajuste das imagens brutas tanto no site quanto nas mídias sociais; como fazer isso sem sacrificar a qualidade; e as recomendações ao ajustar o tamanho e fazer o upload das imagens.
Por que é importante ajustar o tamanho das imagens
São dois os principais motivos para observar o tamanho das imagens: experiência dos usuários e SEO.
O ajuste do tamanho das imagens beneficia os usuários que navegam no seu site ou visitam sua página nas mídias sociais. Não importa se o usuário usa um aparelho móvel, desktop ou laptop — os browsers de hoje vivem cheios e precisam de uma imagem impecável para não afetar a experiência digital.
É fácil ignorar a qualidade de imagem porque sempre se espera algo bom. Porém, uma péssima experiência na web geralmente é causada por fotos grandes demais e demoram muito para carregar, fazendo os usuários esperarem muito; ou pequenas, pixelizadas ou esticadas demais, sendo quase irreconhecíveis.
O ajuste do tamanho das imagens também pode beneficiar a rapidez do carregamento da página (o tempo que leva para carregar todo o conteúdo nela), o que afeta sua classificação nos resultados de busca orgânica. Imagens menores do que o tamanho do arquivo de imagem bruta (que geralmente é muito maior do que o que aparece no site) carregam mais rapidamente.
Tipos de ajuste do tamanho da imagem
Há algumas formas de ajustar o tamanho da foto e preservar a qualidade. Considere abaixo os seguintes ajustes.
Diminua a escala: deixa a imagem menor. Em muitos casos, a qualidade não diminui drasticamente se você reduzir a imagem.
Aumente o tamanho: é complicado aumentar uma imagem pequena sem dar pixelização. Você precisa de uma boa ferramenta que ajuste o tamanho da imagem para aumentar o tamanho dela sem esticar nem prejudicar a resolução geral.
Recorte: se refere a capturar uma parte específica da imagem para omitir parte dela. A foto de um grupo grande, por exemplo, pode ser recortada para mostrar apenas algumas pessoas de perto.
Como ajustar o tamanho da imagem sem sacrificar a qualidade
Ajustar o tamanho da imagem para otimizar a experiência na web não é complicado, mas exige certa delicadeza para manter a qualidade geral. Para chegar ao tamanho certo, você pode usar o Redimensionador de Imagens gratuito do Squarespace. Confira abaixo as etapas.
1. Selecione o arquivo e o formato
Primeiro, você precisa selecionar o arquivo e o formato da imagem. Há diferentes tipos de arquivo para imagens, mas nem todos são compatíveis para uso on-line. Há três formatos principais para imagens, com duas opções estáticas: JPEG e PNG.
O arquivo JPEG é um dos formatos de imagem mais usados. Ele é o mais fácil de usar nas páginas da web porque vem compactado, o que reduz o tamanho do arquivo da imagem. Fotos geralmente são em JPEG. O formato PNG geralmente ocupa mais espaço do que o JPEG e é usado em imagens mais complexas, como gráficos, ilustrações, logotipo e tabelas.
2. Reduza os pixels e confira as dimensões
Após selecionar o arquivo de imagem e o formato, a imagem provavelmente será (ou pelo menos deveria ser) de alta resolução e precisará ser bastante reduzida para caber em uma página da web e carregar corretamente. Na página da web, considere o tamanho do site, que é 1920x1080 na tela cheia.
É possível escolher uma configuração predeterminada para plataformas sociais e dimensões mais comuns de tela. Para alterar o foco da imagem, você pode arrastar o círculo sombreado na ferramenta.
3. Salve e faça o download
Clique em Confirmar seleção e clique em cada imagem para ver como elas ficarão após o ajuste. Você pode voltar para fazer os ajustes necessários. Quando a imagem lhe agradar, faça o download para uma pasta antes de carregar para o site ou para as mídias sociais.
Tamanhos recomendados para as mídias sociais e o site
Ajustar o tamanho da imagem é um processo bastante fácil e direto se você souber as dimensões corretas. O tamanho das imagens nas mídias sociais e no site varia de acordo com a plataforma e o uso da imagem (como banner x foto do produto). Algumas ferramentas de ajuste do tamanho, como a do Squarespace, oferece tamanhos predefinidos como opção. Seja como for, é importante se familiarizar com o tamanho da imagem na experiência digital dos seus usuários.
Confira a seguir alguns tamanhos recomendados para as plataformas sociais e para o site.
Mídia social
Diferentes plataformas sociais apresentam as imagens em diferentes tamanhos. Confira os principais tamanhos de arquivo para Facebook, Instagram, TikTok, LinkedIn e X.
| TikTok | X (antigo Twitter) | ||||
|---|---|---|---|---|---|
| Foto do perfil | 170 x 170 px | 320 x 320 px | 200 x 200 px | 400 x 400 px | 400 x 400 px |
| Paisagem | 1200 x 630 px | 1080 x 566 px | 1920 x 1080 px | 1200 x 627 px | 1600 x 900 px |
| Portrait | 630 x 1200 px | 1080 x 1350 px | 1080 x 1920 px | 627 x 1200 px | 1080 x 1350 px |
| Quadrado | 1200 x 1200 px | 1080 x 1080 | 1080 x 1080 px | 1080 x 1080 px | 1080 x 1080 px |
| Histórias | 1080 x 1920 px | 1080 x 1920 | 1080 x 1920 px | N/D | N/D |
| Foto da capa | 851 x 315 px | N/D | N/D | 1128 x 191 px | 1500 x 500 px |
Sites
O ajuste do tamanho das imagens para o site depende de onde a imagem fica na página e a finalidade dela.
| Tipo | Desktop | Dispositivo móvel |
|---|---|---|
| Imagem hero | 1280 x 720 pixels | 360 x 200 pixels |
| Imagem de fundo | 2560 x 1400 pixels | 360 x 200 pixels |
| Banner do site | 1200 x 400 pixels | 360 x 120 pixels |
| Imagem do blog | 1200 x 800 pixels | 360 x 240 pixels |
| Ícones das mídias sociais | 32 x 32 pixels | 48 x 48 pixels |
| Imagem em miniatura | 300 x 300 pixels | 90 x 90 pixels |
Recomendações ao ajustar o tamanho das imagens
Acertar o tamanho das imagens é relativamente simples quando você sabe o que quer. Porém, algumas regras básicas podem facilitar o processo.
Use imagens de alta resolução. Elas podem ocupar mais armazenamento, mas são as mais fáceis de ajustar o tamanho e manipular para diferentes propósitos.
Ajuste de forma incremental. Mesmo conhecendo todos os tamanhos de arquivo de imagem para as plataformas sociais e o site, considere ajustar o tamanho de forma incremental para ver como os pixels aparecem e se a imagem ou o visual esticou.
Guarde os arquivos originais. Sempre guarde os arquivos de imagem originais caso precise fazer outros ajustes ou criar outras imagens. Ajustar o tamanho uma imagem já modificada pode prejudicar a qualidade, e você pode precisar da original no futuro.