Ir para o conteúdo
Tutoriais Sem Enrolação
Imagens

Adicionar Sombra à Imagem Online

Adicione uma sombra externa a fotos e imagens diretamente no navegador. Ajuste direção, distância, desfoque, expansão, opacidade e cor, acompanhe a prévia em tempo real e baixe o resultado em PNG ou WebP. Em imagens com transparência, a sombra acompanha a silhueta visível do conteúdo. O processamento é local, sem enviar sua imagem para um servidor.

Esta ferramenta ainda não recebeu avaliações.
Imagem com sombra externa suave projetada atrás do conteúdo, ilustrando ajustes de direção, distância, desfoque, expansão e opacidade.

Usar a ferramenta

Como adicionar sombra a uma imagem

  1. 1. Selecione uma imagem PNG, JPG ou WebP.
  2. 2. Ajuste direção, distância, desfoque, expansão, opacidade e cor da sombra. A prévia muda automaticamente.
  3. 3. Escolha PNG ou WebP e baixe a imagem final na resolução original aceita pelo navegador.

Sombra que acompanha a transparência

Em imagens PNG ou WebP com áreas transparentes, a sombra acompanha a silhueta visível do conteúdo. Em fotografias JPG ou imagens totalmente opacas, a sombra acompanha o formato retangular do arquivo. A ferramenta não remove fundo nem identifica objetos automaticamente.

O que cada ajuste faz

Direção e distância

Definem para qual lado a sombra é projetada e quanto ela se afasta da imagem.

Desfoque

Controla a suavidade das bordas da sombra. Valores maiores deixam o efeito mais difuso.

Expansão

Aumenta o corpo da sombra antes do desfoque, sem usar a opacidade para simular intensidade.

Opacidade e cor

Ajustam a transparência e o tom da sombra. Preto com opacidade moderada costuma funcionar bem em muitos fundos.

Privacidade e desempenho

O processamento acontece localmente no navegador: sua imagem não precisa ser enviada para um servidor. A prévia usa uma versão otimizada para manter os controles responsivos, enquanto a exportação é gerada a partir da resolução original do arquivo quando os limites do navegador permitem.

Dicas para preparar a imagem

Se precisar criar mais espaço transparente ao redor do conteúdo antes de aplicar outros efeitos, use a ferramenta de margem transparente. Para um contorno sólido, a ferramenta de borda é mais adequada. Também é possível arredondar os cantos antes de criar a sombra.

Limitações

  • Arquivos muito grandes podem ultrapassar a memória ou o tamanho máximo de Canvas permitido pelo navegador.
  • PNG e WebP são os formatos recomendados quando a transparência ao redor da sombra precisa ser preservada.
  • Metadados originais da imagem podem não ser mantidos na nova exportação.

Perguntas frequentes

A sombra acompanha o formato do objeto em um PNG transparente?

Sim. Quando a imagem possui transparência, a ferramenta usa o canal alfa do próprio arquivo para formar a sombra ao redor da silhueta visível. Em uma imagem totalmente opaca, a sombra acompanha o retângulo completo do arquivo.

Minha imagem é enviada para algum servidor?

Não para realizar o efeito. A leitura, a pré-visualização e a geração da imagem final acontecem no navegador. A ferramenta também não mantém histórico dos arquivos processados.

Qual é a diferença entre expansão e opacidade da sombra?

Expansão aumenta o corpo da sombra antes do desfoque, fazendo-a ocupar mais área ao redor da imagem. Opacidade controla apenas o quanto a sombra é transparente. Assim, é possível criar uma sombra mais larga sem torná-la necessariamente mais escura.

Por que a imagem final fica maior que a original?

Uma sombra externa precisa de espaço além dos limites da imagem. A ferramenta calcula automaticamente margens transparentes extras para evitar que a sombra seja cortada.

Qual formato devo usar para manter a transparência?

Use PNG ou WebP. Os dois formatos podem preservar a área transparente criada ao redor da imagem e da sombra. A disponibilidade de WebP depende do suporte do navegador.

Por que uma imagem muito grande pode não ser exportada?

Navegadores impõem limites de memória e de tamanho para Canvas. Como a sombra aumenta as dimensões finais, arquivos extremamente grandes podem ultrapassar esses limites. Nessa situação, reduza distância, desfoque ou expansão, ou use uma imagem menor.

Ferramentas relacionadas

Outras ferramentas publicadas do catálogo com tema ou categoria relacionados.