Pode recortar imagens com um par de linhas de CSS, sem usar Photoshop nem outras ferramentas de edição de imagem. Isto é útil quando as miniaturas de uma disposição em várias colunas têm alturas diferentes, como abaixo.
ANTES
As alturas desiguais das miniaturas podem facilmente desorganizar toda a estrutura.
CSS
Copie o código abaixo e cole-o no seu ficheiro CSS.
img {
height: 200px;
object-fit: cover;
}
Experimente object-position: 10% 10%; se quiser mudar a posição da imagem dentro da área.
DEPOIS
As suas 20 a 30 miniaturas vão encaixar perfeitamente e a disposição deixará de parecer desorganizada. Este método pode ser usado em qualquer imagem individual da sua página web.