Fundo com gradiente para imagem

Imagens com áreas transparentes, como PNG ou WebP recortes de produtos, logotipos ou pessoas, mostram o gradiente atrás do objeto. Uma imagem sem transparência cobre o gradiente, que aparece apenas no espaçamento ao redor dela.

Um gradiente linear mistura a cor inicial com a cor final ao longo de uma linha reta no ângulo escolhido. Um gradiente radial começa com a cor inicial no centro e chega à cor final nos cantos.

O ângulo segue a convenção CSS: 0 graus vai de baixo para cima, 90 da esquerda para a direita, 180 de cima para baixo e o padrão 135 do canto superior esquerdo ao canto inferior direito. O ângulo é ignorado nos gradientes radiais.

O espaçamento adiciona de 0 a 1000 pixels de gradiente em cada lado da imagem, então a saída mede o tamanho da imagem mais o dobro do espaçamento. Ele dá mais respiro aos recortes, como um fundo de estúdio.

Insira cores hexadecimais, como #6366f1 e #ec4899, com três, quatro, seis ou oito dígitos. Em cores de oito dígitos, os dois últimos definem a opacidade. A palavra transparent faz o gradiente desaparecer gradualmente.

Sim, se o espaçamento estiver definido como 0. Caso contrário, ela aumenta de acordo com o espaçamento e, se o tamanho total ultrapassar 4000 pixels de cada lado, a imagem será reduzida para que o resultado fique dentro de 4000 pixels.

Você pode enviar imagens JPEG, PNG, GIF, WebP, TIFF e AVIF de até 5 MB. Por padrão, o resultado é um PNG, ou um JPEG ou WebP com qualidade 90.

Sim. O gradiente é desenhado como vetor no tamanho exato da saída, sem degraus visíveis nem artefatos de escala. A saída PNG mantém a qualidade sem perdas.

Sim. Envie uma captura de tela com cantos transparentes arredondados, adicione de 80 a 200 pixels de espaçamento e escolha as cores da sua marca para criar uma imagem promocional refinada.

Não. Ela apenas preenche as áreas que já são transparentes e adiciona o espaçamento. Se sua foto ainda tiver um fundo, remova-o primeiro com uma ferramenta de remoção de fundo.