Marinha do Brasil | Documentação Drupal

Preview da imagem não aparece

Possíveis causas

Este é um dos problemas que provavelmente será resolvido quando o site sair de homologação e for para produção. Aparentemente, trata-se de uma questão de permissão, que não pode ser concedida no momento devido à hierarquia das pastas.

Caso o problema persista ou esteja te incomodando, siga os passos do próximo tópico para corrigir.

Como corrigir

Passo 1

Para criar um novo estilo de imagem, siga estes passos:

  1. Acesse Configurações e clique em Estilos de imagens.
  2. Selecione Adicionar estilo de imagem.
  3. Escolha um nome que faça sentido para o novo estilo, de preferência algo relacionado ao tamanho da imagem.
  4. Na área inferior, selecione o efeito Converter no menu de opções.
  5. Escolha o formato WEBP, que é mais moderno e leve. Após isso, clique em Adicionar efeito.
  6. Em seguida, adicione o efeito Escala.
  7. Defina as dimensões que deseja aplicar à imagem (neste caso, 100x100 pixels). Depois, clique novamente em Adicionar efeito.

Adicionando Estilo de Imagem

Passo 2

Altere o estilo no formulário onde a imagem não está sendo exibida. Por exemplo, se o bug estiver ocorrendo no Tipo de bloco "Carrossel Home", que criamos para o carrossel de imagem da home, edite a sessão de formulários deste Tipo de bloco. O mesmo vale se o bug ocorrer em algum Tipo de conteúdo.

A URL deste cenário será algo como: /admin/structure/block-content/manage/carrossel_home/form-display (onde "carrossel_home" será o nome que você deu ao seu Tipo de bloco).

  1. Vá em Estrutura > Tipo de bloco (ou Tipo de conteúdo)
  2. Clique em Gerenciar campos no item que deseja editar
  3. Acesse a aba Gerenciar exibição de formulário
  4. No item de imagem, clique na engrenagem no canto direito
  5. Em Visualizar estilo da imagem, selecione o estilo de imagem criado no passo anterior
  6. Clique em Atualizar
  7. Por fim, clique em Salvar na parte inferior

Lembre-se de que o tamanho padrão para esta finalidade é 100x100, ou seja, não há necessidade de uma imagem maior. Preste atenção a isso.

Para exemplificar ainda melhor, veja o GIF abaixo.

Alterar Estilo de Imagem no Formulário