paint-brush
Automatizando a remoção e substituição de planos de fundo de imagenspor@imgix
200 leituras

Automatizando a remoção e substituição de planos de fundo de imagens

por imgix2m2023/06/16
Read on Terminal Reader

Muito longo; Para ler

A remoção e substituição do plano de fundo da imagem pode ser uma ferramenta poderosa para reduzir as distrações visuais. Ao substituir o plano de fundo por uma cor sólida, gradiente ou imagem mais relevante, você pode criar uma experiência visualmente mais atraente e aumentar a intenção de compra dos visitantes. Com a API de renderização imgix, você pode facilmente transformar imagens em escala sem problemas de desenvolvimento.
featured image - Automatizando a remoção e substituição de planos de fundo de imagens
imgix HackerNoon profile picture
0-item

Por que a remoção e substituição do plano de fundo da imagem é importante?

A remoção do fundo da imagem pode ser uma ferramenta poderosa para reduzir as distrações visuais e chamar a atenção para os elementos mais críticos de suas imagens. Ao substituir o plano de fundo por uma cor sólida, gradiente ou imagem mais relevante, você pode criar uma experiência visualmente mais atraente e aumentar a intenção de compra dos visitantes.


Por exemplo, se você é uma marca de moda on-line procurando mostrar sua última linha de produtos, remover um fundo movimentado e focar apenas nos produtos pode criar uma galeria de produtos mais coesa. Ou talvez você seja uma concessionária de automóveis procurando apresentar um modelo específico em um showroom. Com a remoção e substituição do fundo da imagem, você pode substituir a imagem do showroom por uma foto da cidade da sua concessionária.

Como começar a remover e substituir o plano de fundo da imagem usando o Imgix

A remoção e substituição do plano de fundo da imagem são fáceis e confiáveis usando a API Imgix. Atualmente, esse recurso está disponível para clientes no plano Enterprise. Para iniciar um teste ou obter uma demonstração, entre em contato conosco em [[email protected]](mailto: [email protected]).


Depois de ter acesso, você pode usar os parâmetros bg da seguinte forma:


  • bg-remove=true: para remover o fundo da sua imagem
  • bg=: para preencher o fundo com uma cor sólida ou um gradiente


Remova o plano de fundo da imagem e exiba o novo recurso em um formato compatível com a Web imagem de remoção de fundo


Substitua o fundo da imagem por uma cor sólida plano de fundo substituído por uma cor sólida



Substitua o fundo da imagem por outra imagem


Para substituir o fundo por outra imagem, basta adicionar os parâmetros da marca d'água no mix. No exemplo abaixo, usamos uma foto de Paris como imagem base. Em seguida, sobrepomos uma imagem da garota como uma marca d'água, removemos o plano de fundo e definimos a largura, o preenchimento e o alinhamento da marca d'água. O resultado final é ela sorrindo em frente ao Arco do Triunfo.


plano de fundo substituído por outra imagem


Depois que o plano de fundo da imagem for removido ou substituído, você poderá usar qualquer um dos nossos outros 150 parâmetros como faria normalmente. Com a Imgix Rendering API, você pode facilmente transformar imagens em escala sem problemas de desenvolvimento. Mal podemos esperar para ver como você usará essa nova funcionalidade para criar imagens impressionantes.


Publicado também aqui .