Categorias

Extensor de Imagem com Gradiente

Estende a tela da imagem com fundos gradientes para efeitos de design moderno e transições suaves

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/tiff, image/gif, image/bmp

Carregue qualquer arquivo de imagem (JPEG, PNG, WebP, TIFF, GIF, BMP)

Escolha o tipo de fundo gradiente

Cor inicial do gradiente

Cor final do gradiente

Ângulo para gradiente linear (0-360 graus)

Extensão para adicionar em todos os lados

Extensão para adicionar à borda superior

Extensão para adicionar à borda direita

Extensão para adicionar à borda inferior

Extensão para adicionar à borda esquerda

Escolha o formato de saída ou mantenha o original

Qualidade de saída para formatos com perda (JPEG, WebP). Maior = melhor qualidade mas arquivo maior

Fatos principais

Categoria
Media
Tipos de entrada
file, select, color, number
Tipo de saída
file
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Extensor de Imagem com Gradiente permite ampliar a tela de suas fotos adicionando fundos personalizados com transições de cores suaves, ideal para criar layouts modernos e profissionais sem a necessidade de softwares de edição complexos.

Quando usar

  • Quando você precisa ajustar o formato de uma imagem para redes sociais sem cortar o conteúdo principal.
  • Para criar fundos estéticos e modernos que complementam as cores da sua imagem original.
  • Ao preparar imagens para apresentações ou sites que exigem dimensões específicas com um visual limpo.

Como funciona

  • Carregue sua imagem nos formatos suportados, como JPEG, PNG ou WebP.
  • Selecione o tipo de gradiente (linear ou radial) e defina as cores inicial e final.
  • Ajuste as margens de extensão em pixels e o ângulo do gradiente conforme sua preferência.
  • Escolha o formato de saída e a qualidade desejada para baixar sua imagem finalizada.

Casos de uso

Adaptação de fotos verticais para formatos horizontais em banners de sites.
Criação de fundos elegantes para postagens de produtos em redes sociais.
Padronização de dimensões de imagens para galerias de portfólio online.

Exemplos

1. Banner para Redes Sociais

Social Media Manager
Contexto
Uma foto de produto vertical precisa ser adaptada para um banner horizontal de 1200x600px.
Problema
A imagem original é muito estreita e o corte perderia detalhes importantes do produto.
Como usar
Carregue a imagem, defina a extensão lateral para preencher o espaço vazio e aplique um gradiente linear que combine com a identidade visual da marca.
Configuração de exemplo
gradientType: linear, startColor: #ffffff, endColor: #f0f0f0, angle: 90, leftPadding: 200, rightPadding: 200
Resultado
O produto permanece centralizado com um fundo gradiente suave que preenche as laterais, mantendo a proporção ideal para o banner.

2. Destaque de Foto de Perfil

Designer Gráfico
Contexto
Uma foto de perfil precisa de um fundo mais moderno e artístico para um portfólio.
Problema
O fundo original da foto é muito poluído e distrai o espectador.
Como usar
Adicione uma extensão uniforme ao redor da imagem e aplique um gradiente radial para criar um efeito de foco centralizado.
Configuração de exemplo
gradientType: radial, startColor: #3b82f6, endColor: #1e3a8a, uniformPadding: 100
Resultado
A imagem ganha uma moldura gradiente radial que destaca o sujeito, conferindo um aspecto profissional e moderno.

Testar com amostras

image, png, jpg

Hubs relacionados

FAQ

Quais formatos de imagem são suportados?

A ferramenta suporta os formatos JPEG, PNG, WebP, TIFF, GIF e BMP.

Posso definir extensões diferentes para cada lado?

Sim, você pode configurar extensões específicas para as bordas superior, inferior, esquerda e direita, ou usar a extensão uniforme.

Como funciona o controle de qualidade?

O controle de qualidade (1-100) aplica-se a formatos com perda, como JPEG e WebP, permitindo equilibrar o tamanho do arquivo e a nitidez.

É possível alterar o ângulo do gradiente?

Sim, para gradientes lineares, você pode definir um ângulo entre 0 e 360 graus para direcionar a transição de cores.

A ferramenta altera a resolução da imagem original?

Não, a ferramenta mantém a imagem original intacta e adiciona a área de gradiente ao redor dela, expandindo o tamanho total da tela.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/image-extend-gradient

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
imageFile file (Upload necessário) Sim Carregue qualquer arquivo de imagem (JPEG, PNG, WebP, TIFF, GIF, BMP)
gradientType select Sim Escolha o tipo de fundo gradiente
startColor color Sim Cor inicial do gradiente
endColor color Sim Cor final do gradiente
angle number Não Ângulo para gradiente linear (0-360 graus)
uniformPadding number Não Extensão para adicionar em todos os lados
topPadding number Não Extensão para adicionar à borda superior
rightPadding number Não Extensão para adicionar à borda direita
bottomPadding number Não Extensão para adicionar à borda inferior
leftPadding number Não Extensão para adicionar à borda esquerda
format select Não Escolha o formato de saída ou mantenha o original
quality number Não Qualidade de saída para formatos com perda (JPEG, WebP). Maior = melhor qualidade mas arquivo maior

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/image-extend-gradient para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Arquivo: Arquivo

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-image-extend-gradient": {
      "name": "image-extend-gradient",
      "description": "Estende a tela da imagem com fundos gradientes para efeitos de design moderno e transições suaves",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extend-gradient",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]