Arquivo da tag: Serviços

“Image Renditions” no SharePoint com Cloudinary

Olá SharePointers, 

O SharePoint possui vários recursos interessantes e, um deles, é o Image Renditions. 

Image Renditions faz parte do SharePoint enterprise e, com ele, você consegue subir uma imagem em alta resolução e fazer com que o SharePoint crie versões alternativas conforme você precisa delas.

Por exemplo, você sobe uma imagem com resolução 1080×1024, mas em algum lugar do site, você tem um espaço de 300×200 para exibir a mesma. O que muitos acabam fazendo é carregar a imagem inteira e formata por CSS. Mas, fazendo dessa forma, o peso de carregar a imagem inteira e transferi-la para o cliente é o mesmo, não importando o tamanho que a mesma está sendo exibida.

Com esse recurso, você melhora muito o carregamento da sua página, pois você transfere exatamente o tamanho que será utilizado.

Seguindo o passo-a-passo abaixo, você configura os renditions em um site:

E quando for utilizar as imagens, você pode utilizar de uma das formas a seguir:

Passando o tamanho desejado

<img src="/sites/pub/Assets/Lighthouse.jpg?Width=400&Height=200" />

 Ou passando o ID do rendition

<img src="/sites/pub/Assets/Lighthouse.jpg?RenditionID=2" />

Dessa forma, a imagem vem do SharePoint da forma que deverá ser utilizada no conteúdo, reduzindo tráfego de rede adicional e acelerando o carregamento da sua página.

Entretanto, esse recurso só está disponível no SharePoint ENTERPRISE.

Infelizmente, nem todas as empresas possuem essa versão e com o surgimento (e consolidação) cada vez mais de serviços baseados em nuvem, muitas tarefas podem nos auxiliar grandemente.

Um desses serviços é o Cloudinary

Esse serviço é simplesmente fantástico! E o melhor, é gratuito! Existem planos que atendem a diversas necessidades, mas a versão gratuita, que é completamente funcional, atende bem na maioria dos casos.

Veja alguns casos que você pode fazer com esse serviço:

Imagem Original

 

Imagem centralizada no rosto e arredondada

(http://res.cloudinary.com/demo/image/upload/w_400,h_400,c_crop,g_face,r_max/w_200/lady.jpg)

Lembre-se que essa imagem é transformada “on-the-fly”, ou seja, você pode alterar os parâmetros conforme quiser para obter resultados diferentes.

 

Imagem centralizada no rosto e arredondada (preto-e-branco)

(http://res.cloudinary.com/demo/image/upload/w_400,h_400,c_crop,g_face,r_max/w_200/e_grayscale/lady.jpg)

Notem que nesse caso, só adicionei o e_grayscale na url para aplicar uma transformação adicional na mesma imagem.

 

As possibilidades são infinitas! Leiam a documentação para mais detalhes. 😀

Além disso tudo, criaram APIs para todas as principais linguagens!

 

Espero que gostem! 

Abraços!