Categorias

← View All Tools

Preenchedor de Imagem Transparente

Adiciona preenchimento transparente a imagens, perfeito para criar ícones, logos e gráficos web com espaçamento

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 como aplicar preenchimento transparente à imagem

Preenchimento para adicionar em todos os lados ao usar modo uniforme

Preenchimento para adicionar à borda superior

Preenchimento para adicionar à borda direita

Preenchimento para adicionar à borda inferior

Preenchimento para adicionar à borda esquerda

Escolha o formato de saída (PNG ou WebP recomendado para transparência)

Qualidade de saída para formato WebP. Compressão PNG é otimizada por padrão

Fatos principais

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

Visão geral

O Preenchedor de Imagem Transparente permite adicionar margens transparentes ao redor de suas imagens de forma rápida e precisa, garantindo o espaçamento ideal para ícones, logotipos e elementos de design web.

Quando usar

  • •Quando você precisa adicionar espaçamento extra ao redor de um ícone ou logo sem alterar o tamanho do conteúdo original.
  • •Ao preparar ativos de imagem para interfaces web que exigem áreas de clique ou margens de respiro específicas.
  • •Para padronizar o tamanho de várias imagens, adicionando preenchimento transparente para que todas tenham as mesmas dimensões finais.

Como funciona

  • •Carregue sua imagem nos formatos suportados como PNG, WebP ou JPEG.
  • •Escolha entre o modo de preenchimento uniforme para aplicar a mesma margem em todos os lados ou o modo individual para ajustes personalizados.
  • •Defina os valores de preenchimento em pixels e selecione o formato de saída desejado.
  • •Clique em processar para baixar sua imagem com o novo espaçamento transparente aplicado.

Casos de uso

Criação de ícones para aplicativos com margens de segurança consistentes.
Ajuste de logotipos para banners web, garantindo que não fiquem colados nas bordas.
Padronização de dimensões de imagens de produtos para catálogos digitais.

Exemplos

1. Padronização de Ícones para Web

Designer UI
Contexto
O designer possui vários ícones de tamanhos variados que precisam ser exibidos em um grid de 100x100 pixels.
Problema
Os ícones estão sem margem e encostam nas bordas do container, prejudicando o visual.
Como usar
Carregar cada ícone, selecionar o modo 'Uniforme' e definir 10 pixels de preenchimento.
Configuração de exemplo
padMode: uniform, uniformPadding: 10, format: png
Resultado
Todos os ícones agora possuem um respiro uniforme de 10px, mantendo o alinhamento visual no grid.

2. Ajuste de Logo para Cabeçalho

Desenvolvedor Web
Contexto
Um logo precisa de mais espaço na parte superior e inferior para se alinhar corretamente ao menu de navegação.
Problema
O logo original não possui margem vertical suficiente, ficando 'espremido' no cabeçalho.
Como usar
Utilizar o modo 'Lados Individuais' para adicionar 20px no topo e na base, mantendo as laterais intactas.
Configuração de exemplo
padMode: individual, topPadding: 20, bottomPadding: 20, leftPadding: 0, rightPadding: 0, format: webp
Resultado
O logo agora possui a altura necessária para o layout do cabeçalho sem distorcer a imagem original.

Testar com amostras

image, png, jpg
Exemplos de Processamento de Imagem Web Python
Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
title token image
image
Exemplos de Processamento de Imagem Web Rust
Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato
title token image
image
Processamento de Imagem macOS Objective-C - Exemplos
Exemplos de processamento de imagem macOS Objective-C incluindo leitura/escrita de imagem, redimensionamento de imagem e conversão de formato
title token image
image
Exemplos de Processamento de Imagem Web Go
Exemplos de processamento de imagem Web Go incluindo leitura/escrita, redimensionamento e conversão de formato
title token image
image

Hubs relacionados

Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image
Explore 40 ferramentas de image para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Audio para Convert
Explore 100 ferramentas de audio para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de imagem são suportados?

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

O formato JPEG suporta transparência?

Não, o formato JPEG não suporta canais alfa. Para manter a transparência, utilize PNG ou WebP.

Posso definir margens diferentes para cada lado?

Sim, selecione o modo 'Lados Individuais' para configurar valores distintos de preenchimento para o topo, direita, base e esquerda.

Existe limite de tamanho para o preenchimento?

Você pode adicionar até 500 pixels de preenchimento em cada lado da imagem.

A qualidade da imagem é alterada?

A compressão PNG é otimizada automaticamente. Para WebP, você pode ajustar a qualidade de saída entre 1 e 100.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/image-pad-transparent

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)
padMode select Sim Escolha como aplicar preenchimento transparente à imagem
uniformPadding number Não Preenchimento para adicionar em todos os lados ao usar modo uniforme
topPadding number Não Preenchimento para adicionar à borda superior
rightPadding number Não Preenchimento para adicionar à borda direita
bottomPadding number Não Preenchimento para adicionar à borda inferior
leftPadding number Não Preenchimento para adicionar à borda esquerda
format select Não Escolha o formato de saída (PNG ou WebP recomendado para transparência)
quality number Não Qualidade de saída para formato WebP. Compressão PNG é otimizada por padrão

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/image-pad-transparent 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-pad-transparent": {
      "name": "image-pad-transparent",
      "description": "Adiciona preenchimento transparente a imagens, perfeito para criar ícones, logos e gráficos web com espaçamento",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-pad-transparent",
      "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]