Sobre o Thumbor

Thumbor é uma poderosa ferramenta open-source para tratamento e renderização de imagens. A partir dela é possível flexibilizar tamanhos e filtros sem perder a qualidade original da imagem que foi previamente salva no servidor.

Utilizando o Thumbor

Quando utilizada corretamente, o Thumbor serve para servir uma imagem salva a partir do backoffice (assets, banners, imagens de itens). Por exemplo, caso você suba um asset de imagem com o tamanho de 1000px por 1100px, mas precise apresentar ela com um tamanho de 200px por 250px, é só utilizar o método thumb com o tamanho desejado, ela será redimensionada e não perderá sua qualidade. Exemplo:

<img src="{{thumb($banner->source, 200, 250)}}">

O método thumb é padrão do sistema. Os números 200, 250, são os indicadores de tamanho (largura e algura, respectivamente) desejado da imagem em pixels (px).

Filtros

Os filtros disponíveis pelo Thumbor estão disponíveis na sua documentação e podem ser passados para o método thumb (descrito acima) como um terceiro parâmetro em formato de array. Dessa forma, múltiplos filtros podem ser combinados. Exemplo:

<img src="{{thumb($banner->source, 200, 250, ['fill(white)', 'round_corner(20|40,0,0,0)'])}}">