Trabalhei em dezenas de sites de comércio eletrônico em minha carreira e muitos deles foram prejudicados pelos mesmos pontos problemáticos: cobrança de impostos, personalização de pagamentos e otimização de imagens. Embora a cobrança de impostos e a personalização de pagamentos fossem importantes, a otimização de imagens sempre foi o problema mais difícil e mais importante a ser resolvido: ninguém quer comprar um produto cuja imagem pareça amadora. Quando se junta a necessidade de boas imagens com o fato de os clientes quererem carregar suas próprias imagens… temos um problema real.
Em vez de explicar dolorosamente aos clientes como tirar fotos de qualidade ou, ainda mais dolorosamente, explicar que não havia uma maneira mágica de fazer com que suas imagens ficassem incríveis, eu gostaria de ter O site do Cloudinary mais novo recurso: Remoção de fundo de imagem com suporte de IA. Com a remoção de fundo apoiada por IA, o senhor pode fazer upload de imagens para o Cloudinary e deixar que eles façam o trabalho duro!
Carregamento de fotos
Cloudinary oferece vários métodos para fazer upload de fotos: busca remotaO senhor pode usar um painel de administração ou uma API para a qual eles fornecem ajudantes em várias linguagens de programação e estruturas:
// npm install cloudinary
var cloudinary = require('cloudinary');
// Set your API information
cloudinary.config({
cloud_name: 'david-walsh-blog',
api_key: '############',
api_secret: '############'
});
// Upload an image,
cloudinary.uploader.upload('sample-photos/my-photo.jpg', function(result) {
// Log out the result to get the URL of the image
console.log(result);
// Image url is: result.url / result.secure_url
}, {
public_id: "my-photo",
// Use preset to automatically remove background
upload_preset: "remove_background",
// ...or use the specific setting for it:
background_removal: "cloudinary_ai"
});
No caso do comércio eletrônico, e para aproveitar a remoção de plano de fundo apoiada por IA, o senhor deve se conectar à funcionalidade de upload de imagens da sua solução para enviar a imagem para Cloudinary. Observe também o uso de upload_preset que configurei no painel de gerenciamento de contas do Cloudinary; essa predefinição garante que todas as imagens que eu enviar terão o fundo removido!
Como usar a remoção de plano de fundo
A remoção do plano de fundo requer o uso da predefinição de upload ou da background_removal durante o upload, e por um bom motivo: como a remoção do plano de fundo nunca é instantânea (e se alguém prometer isso, não confie nessa pessoa!), haverá um pequeno tempo de espera até que a imagem esteja pronta.
Depois que a imagem tiver sido carregada usando uma predefinição ou background_removal: "cloudinary_ai", a imagem estará disponível para uso. Isso significa que o senhor pode aproveitar as inúmeras APIs do Cloudinary para efeitos de imagem, modificações e muito mais!
Por exemplo, o senhor também pode aproveitar a modificação de URL para adicionar uma bela sombra à imagem focal:
<!-- Background removed, adding shadow --> https://res.cloudinary.com/demo/image/upload/e_shadow:50,x_10,y_10/rmv_bgd/dog_couch.png
A maioria dos sites de comércio eletrônico também fornece imagens em miniatura e em tamanho real para uma visualização mais próxima do produto, o que o Cloudinary permite que o senhor faça facilmente:
<!-- Background removed, adding shadow --> .../image/upload/h_200/w_200/e_shadow:50,x_10,y_10/rmv_bgd/dog_couch.png
A capacidade de criar imagens nítidas e personalizadas com apenas a alteração de um URL é perfeita para qualquer site!
Tirei uma foto da minha cafeteira em um plano de fundo neutro e o recurso de remoção de plano de fundo do Cloudinary fez com que ela parecesse profissional, com o plano de fundo removido e agora posso modificar a imagem principal como quiser:
A remoção de plano de fundo baseada em IA é muito conveniente para os desenvolvedores e seus clientes. A maioria das lojas de comércio eletrônico não tem um fotógrafo profissional para preparar as imagens, portanto, a capacidade de retocá-las facilmente é importante, e o Cloudinary oferece exatamente isso! Remova fundos, adicione sombras, crie imagens nos tamanhos desejados, etc. — Cloudinary simplifica o gerenciamento e a exibição de mídia!