Crop de imagens no Drupal 8

Hoje, vou mostrar como configurar o módulo Image Widget Crop no Drupal 8Lembrando que existem diversos módulos e formas de se trabalhar com crop de imagens no Drupal.

Comece fazendo o download e habilitando o Image Widget Crop.

drush dl image_widget_crop
drush en image_widget_crop -y

Baixe a librarie cropper e coloque-a dentro da pasta "libraries" na raiz do seu projeto (libraries/cropper).

Após habilitar o módulo, vamos adicionar os nossos "Crop Types". Vá em: "Administração - Estrutura - Crop Types" (admin/structure/crop).

Informe seu "Aspect Ratio". Neste exemplo, vou deixar meu "Aspect Ratio" 4:3, mantendo "SOFT LIMIT" e "HARD LIMIT" vazios:

 O próximo passo é atribuir esse "Crop type" a algum estilo de imagem. Vá em: "Administração - Estrutura - Estilos de Imagem" (admin/config/media/image-styles).

Adicione um novo estilo de imagem. 

Nesta etapa, você pode combinar qualquer "Crop type" com algum outro efeito. Comece adicionando o efeito "Manual crop", selecione o crop desejado (no meu caso "Crop 4:3"). Em seguida, escolha outro efeito (eu escolhi "Resize", com as proporções 300x300).

O próximo passo é alterar o "Manage form display" de algum campo de imagem. No meu caso, vou alterar o "Manage form display" do campo "Imagem" do meu tipo de conteúdo "Artigo".

Vá em: "Administração - Estrutura - Tipo de conteúdo - Manage form display (Artigo)" (admin/structure/types/manage/article/form-display).

No campo de imagem, selecione "ImageWidget crop":

Em suas configurações, selecione os "Crop types" desejados. Nesta etapa, você poderia selecionar mais de um "Crop type", mas no meu exemplo, eu tenho apenas o "Crop 4:3":

Por fim, na aba "Manage display", selecione o estilo de imagem que você criou, contendo o efeito do crop:

Agora, ao subir uma imagem ao adicionar um artigo, o crop da imagem estará disponível:

 
Veja o resultado final:

 

Login do usuário