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.
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:
Remova o plano de fundo da imagem e exiba o novo recurso em um formato compatível com a Web
Substitua o fundo da imagem 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.
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.
Para obter o guia passo a passo, visite nossa documentação .
Para obter uma demonstração, entre em contato conosco em [[email protected]](mailto: [email protected]).
Publicado também aqui .