Pular para o conteúdo principal

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.

Só local

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.

ImagemTamanhoProporçãoOnde aparece
Banner grande1200 × 3004:1No topo da loja
Banner grande retina3360 × 8404:1Na mesma posição em uma tela de alta densidade
Banner mini1200 × 1607.5:1A opção de banner mais fino
Ícone da loja500 × 5001:1Ao 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.