Redimensionar banner da Etsy
Um banner grande do Etsy tem 1200 por 300 pixels, e uma versão de 3360 por 840 na mesma proporção 4:1 mantém a nitidez em telas de alta densidade. Recorte uma vez aqui e ambos são exportados juntos, sem a arte sair do seu navegador.
Solte um PNG, JPG, WebP ou GIF
ou em qualquer lugar da página · Escolher um arquivo · 100 MB
Aceitos: PNG, JPG, JPEG, WebP, GIF, AVIF
Redimensionar banner da Etsy: explicação
O banner da loja do Etsy fica no topo da sua vitrine, e o tamanho documentado é 1200 por 300 — uma faixa de 4:1. Esse número está correto há anos e agora é apenas metade da história: em um laptop ou celular com tela de alta densidade, uma imagem de 1200 pixels esticada na área do banner fica visivelmente borrada.
A solução é fornecer mais pixels na mesma proporção. 3360 por 840 é a medida retina amplamente usada, e como é exatamente 2.8 vezes 1200 por 300, o mesmo recorte serve para os dois sem uma segunda decisão.
Então esta página exporta o par. Um recorte, dois arquivos, ambos na proporção 4:1, ambos produzidos na sua própria máquina — o que importa para a arte da marca da loja que você ainda não lançou.
Se a sua loja usa o banner mais fino, o redimensionador de banner mini mantém a faixa de 7.5:1.
Uma exportação de 3360 pixels pode ser pesada — a ferramenta Comprimir imagem irá reduzi-la para um tamanho que você especificar.
O conjunto de imagens da loja Etsy
Uma vitrine usa várias imagens e todas têm formatos diferentes. Acertar o banner é a metade visível; o ícone é a metade que as pessoas lembram.
| Imagem | Tamanho | Proporção | Onde aparece |
|---|---|---|---|
| Banner grande | 1200 × 300 | 4:1 | No topo da loja |
| Banner grande retina | 3360 × 840 | 4:1 | Na mesma posição em uma tela de alta densidade |
| Banner mini | 1200 × 160 | 7.5:1 | A opção de banner mais fino |
| Ícone da loja | 500 × 500 | 1:1 | Ao lado do nome da loja, formato circular |
Por que 4:1 é mais difícil do que parece
Quatro para um é muito mais largo do que qualquer câmera produz. Uma fotografia paisagem tem 3:2 ou 16:9, então encaixar uma em um banner significa descartar a maior parte de sua altura — aproximadamente 60% de um quadro 3:2.
Fotografias de produtos raramente sobrevivem a isso. O que funciona é arte composta para a faixa: um padrão repetitivo, uma foto de flat-lay tirada especificamente larga, uma marca com espaço generoso ao redor, ou um campo de cor com o produto em uma das extremidades. Escolha o recorte deliberadamente usando a grade focal, em vez de deixar um recorte central pegar o que acontece estar no meio.
O que colocar em um banner de loja
Um banner não é um outdoor e não é o lugar para um parágrafo. No celular ele é renderizado com alguns centenas de pixels de largura, então a carga realista é uma marca, uma tagline curta, ou nada além de uma imagem bem escolhida.
Banners sazonais valem o esforço precisamente porque são baratos de trocar: o mesmo recorte, arte diferente, ambos os tamanhos exportados em um único passo.
- Uma marca ou nome da loja, dimensionada para ser legível com algumas centenas de pixels de largura.
- No máximo uma linha curta de texto de apoio.
- Sem letras pequenas, sem URLs, sem códigos de desconto em fonte minúscula.
- Uma cor que combine com a fotografia de produtos da loja, em vez de competir com ela.
Formato e tamanho do arquivo
JPEG para banners fotográficos — com 3360 pixels de largura, um PNG da mesma imagem é várias vezes maior sem vantagem visível. PNG para cores planas e letras, onde os artefatos do JPEG se acumulam em cada borda. Etsy re-codifica o que recebe, então forneça uma fonte limpa e de alta qualidade, em vez de algo já comprimido duas vezes.
Perguntas frequentes
Qual o tamanho de um banner de loja Etsy?
1200 por 300 pixels para o banner grande, uma faixa de 4:1. Uma versão de 3360 por 840 na mesma proporção é o que mantém a nitidez em telas de alta densidade, e esta página exporta ambos de um único recorte para que o par não possa se separar.
Por que meu banner do Etsy está borrado?
Quase sempre porque é uma imagem de 1200 pixels sendo exibida em uma tela com dois ou três pixels de dispositivo por pixel CSS. O navegador aumenta a escala e o resultado é suave. Fornecer 3360 por 840 na mesma proporção dá pixels reais para desenhar a partir deles.
Posso usar uma foto de produto como banner?
Apenas se recortar deliberadamente. Uma faixa de 4:1 mantém cerca de 40% da altura de uma fotografia comum 3:2, então um recorte central geralmente pega uma faixa pelo meio do assunto. Use a grade focal para escolher o que fica, ou fotografe algo composto para a largura.
Quanto texto um banner deve ter?
Um nome de loja e no máximo uma linha curta. No celular o banner é renderizado com algumas centenas de pixels de largura, o que torna qualquer coisa menor que o tamanho de manchete ilegível. Códigos de desconto e URLs em fonte pequena são os pixels mais desperdiçados no Etsy.
Qual a diferença entre o banner grande e o mini banner?
A altura e, portanto, a proporção. O banner grande é 1200 por 300 em 4:1; o mini banner é 1200 por 160 em 7.5:1, aproximadamente metade da altura. São slots separados com recortes separados — um banner grande forçado no slot do mini perde o meio.
Meu banner é enviado para este site para ser redimensionado?
Não. O recorte, ambos os redimensionamentos e a codificação acontecem no seu navegador, e o site não tem endpoint que possa receber o arquivo. Para marcação de loja não lançada, isso é uma diferença significativa, e é visível no painel Network, em vez de apenas ser declarado.
Quais ferramentas relacionadas devo usar a seguir?
- Redimensionar mini banner da EtsyA faixa 1200×160 exata: em 7,5:1, você escolhe o corteAbrir
- Redimensionar ícone da loja da EtsyÍcone 500×500 com a máscara circular da Etsy na préviaAbrir
- Redimensionar imagem de produto da ShopifyFotos em 2048×2048 preenchidas, sem cortar o produtoAbrir
- Redimensionar header do TwitterHeader 1500×500 com a sobreposição do avatar marcadaAbrir
- Redimensionar imagemReduz a imagem sem o serrilhado que outras ferramentas deixamAbrir
- Ferramentas para criadoresRedimensione e otimize banners, avatares, emotes e capas para cada plataforma.Abrir