Pular para o conteúdo principal
ToolsByUs

Ícone da loja da Etsy 500×500

Um ícone de loja Etsy é um quadrado de 500 por 500 pixels exibido como um círculo ao lado do nome da sua loja. Recorte-o aqui com a máscara circular desenhada sobre a visualização, para que as bordas do logo não sejam silenciosamente cortadas no momento em que fica ativo.

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

Ícone da loja da Etsy 500×500: explicação

O ícone da loja é a imagem redonda pequena ao lado do nome da sua loja — na vitrine, nos resultados de busca, ao lado de cada avaliação e no histórico de compras de um comprador. Ele é enviado como um quadrado de 500 por 500 e renderizado como um círculo.

Ele também é a imagem que um comprador returning reconhece. Um banner é visto uma vez por visita; o ícone segue a loja em todos os lugares, geralmente em um tamanho onde apenas uma forma e uma cor sobrevivem. Isso torna o reconhecimento, e não o detalhe, o que vale a pena otimizar.

Esta página recorta para o quadrado exato com a máscara circular desenhada sobre ele, para que as cantos removidos pela máscara fiquem visíveis enquanto você posiciona a arte. Nada é enviado para lugar nenhum.

A faixa larga acima de seus anúncios é uma imagem separada — o redimensionador de banner da loja a exporta em ambas as densidades.

Se o logo chegou em um formato que o navegador não abre, o conversor de formato transforma-o em PNG primeiro.

O ícone em relação ao resto da loja

O ícone é pequeno, redondo e está em todo lugar; o banner é grande, largo e visto uma vez. Eles não são variantes da mesma arte.

ImagemTamanhoFormatoVisto em
Ícone da loja500 × 500CírculoTodo lugar onde o nome da loja aparece
Banner grande1200 × 300Faixa 4:1No topo da vitrine
Banner mini1200 × 160Faixa 7.5:1A alternativa mais estreita

O que sobra do círculo

Um círculo inscrito em um quadrado mostra cerca de 79% dele, então os quatro cantos são removidos completamente. Um logo quadrado que preenche sua tela perde seus cantos; um wordmark que corre de borda a borda perde sua primeira e última letras.

Centralize o marca e deixe margem. Se a marca for um wordmark e não um símbolo, considere usar um monograma ou a inicial para o ícone e manter o wordmark completo para o banner — é o que a maioria das lojas com nomes longos acaba fazendo.

  • Os cantos são sempre removidos; nada significativo pertence lá.
  • Um wordmark com mais de cerca de seis caracteres raramente é legível em um círculo.
  • Alto contraste, porque o ícone é renderizado pequeno ao lado do texto.
  • Evite contornos finos, que desaparecem no tamanho da lista de avaliações.

Por que 500 por 500 e não algo maior

A documentação do Etsy para este espaço é de 500 por 500 e ele deriva as renderizações menores a partir disso. Fornecer muito mais não aguça os tamanhos pequenos — eles são reamostrados de qualquer maneira — e um arquivo mais pesado dá ao re-codificador mais para descartar.

Se sua fonte for menor que 500 pixels, a página informa isso em vez de ampliar silenciosamente. Ampliar um logo de 200 pixels para 500 não adiciona detalhes e suaviza as bordas que o tornavam legível.

Formato e fundo

PNG para um logo com cores planas ou bordas nítidas, e para qualquer coisa com transparência. JPEG para um ícone fotográfico, embora fotografias raramente façam bons ícones de loja neste tamanho. Se você exportar um PNG transparente, verifique como ele se parece em uma página branca — a vitrine do Etsy é clara, então um logo branco em transparência desaparece completamente.

Perguntas frequentes

Qual o tamanho de um ícone de loja Etsy?

500 por 500 pixels, quadrado no envio e circular na exibição. O Etsy gera as renderizações menores usadas em resultados de busca e listas de avaliações a partir desse único arquivo, então 500 é suficiente e mais não é mais nítido em nenhum lugar onde é exibido.

Por que meu logo é cortado no ícone da loja?

Ele é mascarado, não cortado: o ícone é exibido como um círculo inscrito no seu quadrado, o que remove aproximadamente um quinto da área nos cantos. Um logo que preenche sua tela de borda a borda perde essas bordas. Centralize-o e deixe margem.

Posso usar o nome da minha loja como o ícone?

Apenas se for curto. Um círculo mostra cerca de seis caracteres de forma legível no tamanho em que o ícone é normalmente renderizado; nomes mais longos se tornam uma mancha ilegível. A maioria das lojas com nomes longos usa um monograma ou inicial para o ícone e mantém o wordmark completo no banner.

O ícone precisa ter fundo transparente?

Você pode, mas verifique primeiro contra um fundo branco. As páginas do Etsy são claras, então um logo branco ou muito pálido em um fundo transparente some. Uma cor de fundo sólida tirada da paleta da sua marca geralmente é a escolha mais segura e reconhecível.

O ícone precisa combinar com meu banner?

Ele precisa ser consistente, não idêntico. Use a mesma paleta e a mesma fonte, mas projete o ícone como uma marca em seu próprio direito — um banner recortado para um círculo quase nunca é legível, porque banners são compostos na largura e ícones são lidos em tamanho pequeno.

Meu logo é enviado quando eu recorto aqui?

Não. O recorte e a exportação são executados no seu navegador sem servidor envolvido, e este site não tem um endpoint para receber uma imagem. Você envia o resultado para o Etsy depois, da sua própria máquina.

Equipe ToolsByUs · Como verificamos nossas ferramentas