Há algum tempo, escrevi sobre o uso do Cloudinary para otimizar imagens, uma técnica que o senhor pode usar para reduzir o tamanho da imagem, servir imagens da nuvem e modificar imagens em tempo real. Como o senhor não é muito bom com o Photoshop e nunca tem tempo para brincar com esse aplicativo incrível, gosto do fato de que o Cloudinary pode fazer o trabalho pesado de cortar, otimizar e fazer uma variedade de transformações nas imagens simplesmente alterando um URL ou adicionando alguns parâmetros.
Um dos Cloudinary que encontrei recentemente me surpreenderam: remoção de fundos de fotos! Essencialmente, o serviço do Cloudinary pode aceitar o upload de sua imagem e, em seguida, remover os elementos do plano de fundo para que apenas a imagem em primeiro plano e com foco permaneça!
O JavaScript
O Cloudinary fornece uma API em praticamente todas as linguagens que você possa imaginar (JavaScript, Python, PHP, etc.), mas o senhor provavelmente sabe que eu sempre optarei pela API JavaScript! O código JavaScript a seguir é tudo o que o senhor precisa para carregar uma imagem e remover seu plano de fundo:
// 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",
background_removal: "remove_the_background"
});
/*
Result:
{ public_id: 'my-photo',
version: 1467832498,
signature: 'd64413aaad8aefa3d0b6d521eab802e9bea5158d',
width: 581,
height: 583,
format: 'jpg',
resource_type: 'image',
created_at: '2016-07-06T19:14:58Z',
tags: [],
bytes: 21368,
type: 'upload',
etag: 'e8584286fd457e9893b0dd69fd8c47c1',
url: 'http://res.cloudinary.com/david-wash-blog/image/upload/v1467832498/my-photo.jpg',
secure_url: 'https://res.cloudinary.com/david-wash-blog/image/upload/v1467832498/my-photo.jpg',
info: { background_removal: { remove_the_background: [Object] } },
overwritten: true,
original_filename: 'my-photo' }
*/
Esse é um trecho muito pequeno para acionar uma modificação de imagem automatizada tão incrível! A foto é carregada instantaneamente e adicionada à sua biblioteca de mídia, mas a remoção do plano de fundo leva alguns minutos para ser processada. O Cloudinary permite que o senhor configure sua conta para enviar alertas quando o processo for concluído.
Exemplo de saída
O complemento de remoção de plano de fundo do Cloudinary é qualidade — sem contornos pixelados ou imagens quebradas. Aqui estão algumas fotos de antes e depois para comprovar isso:
 |
 |
 |
 |
 |
 |
 |
 |
Cloudinary Rocks!
API do Cloudinary é fácil de usar e o número de recursos e complementos é incrível! A trituração de imagens ajuda no SEO e no tempo de carregamento, o fornecimento de imagens a partir da nuvem ajuda no desempenho, a capacidade de fornecer uma variação diferente de imagem economiza tempo e seus complementos, como a remoção de plano de fundo, tornam o Cloudinary um recurso incrivelmente poderoso.
Cloudinary oferece um nível gratuito, portanto, experimente. Há muitos recursos e complementos: eles podem poupar o tempo, o esforço e a preocupação do senhor sobre como suas imagens estão afetando o tempo de carregamento da Web!