COTA
ESENPT

Solte sua imagem e descubra se ela serve para a web.

Cota confere o tamanho e o peso da sua foto e diz em que parte do seu site ela fica bem.

Solte uma imagem aqui

ou escolha um arquivo (PNG, JPEG ou WebP)

Tudo acontece no seu navegador. Nada é enviado a nenhum servidor.

Exemplos:

convenção rígida: número exato flexível: ratio + faixa, o resto é seu

Seu site

4 medidas
1920
1920
Imagem principal da capa
Hero
flexível 16:9
menos de 300 KB
1200
1200
Banner de promoção
Banner promocional
flexível 3:1
cerca de 150 KB
2560
2560
Imagem de fundo
Fundo full-width
flexível ~16:9
menos de 400 KB
800–1200
800–1200
Imagem dentro de um texto
Imagem no artigo
flexível livre
menos de 100 KB

Loja

3 medidas
2048
2048
Foto de produto
Imagem de produto
Medida exata 1:1
cerca de 500 KB
300
300
Miniatura de produto
Thumbnail de produto
Medida exata 1:1
menos de 25 KB
150 300 768 1024
150–1024
Tamanhos automáticos do WordPress
WordPress (padrões)
Medida exata vários

Redes e email

4 medidas
1200
1200
Imagem ao compartilhar um link
Open Graph / compartilhar
Medida exata 1.91:1
menos de 300 KB
600
600
Imagem para emails
Email (corpo e header)
Medida exata corpo 600 px
menos de 1 MB
40–80
40–80
Foto de perfil ou depoimento
Avatar / depoimento
flexível 1:1
menos de 20 KB
1200
1200
Imagem destacada de um artigo
Imagem destacada de blog
Medida exata 1.91:1
menos de 150 KB

Ícones e logo

3 medidas
16 32 180 512
16–512
Ícone da aba
Favicon (set completo)
Medida exata 1:1
40–80px
Logo
Logo
flexível variável
menos de 200 KB
= landing
= landing
Site corporativo
Site corporativo
flexível = landing

Nada com esse nome. Tente o sintoma: "cortada no mobile", "borrada"…

Recortar para aqui

Arraste a foto para posicioná-la, ou use as setas do teclado (Shift para mais rápido, +/- para o zoom). Ajuste o zoom no controle deslizante.

Comprimir

Isso gera uma versão no tamanho exato que esse lugar precisa.

Antes
·
Depois
·
Baixar