Central de conhecimento HubSpot

Redimensionamento automático de imagens no conteúdo do HubSpot

Written by HubSpot Support | 25/mar/2019 16:55:54

Redimensionamento automático de imagem é usado por padrão para Conteúdo hospedado pelo HubSpot. Isso otimiza as imagens para caberem na tela em que são visualizadas, o que pode diminuir o tempo de carregamento do navegador e melhorar a pontuação do Google PageSpeed.

Imagens redimensionadas automaticamente

  • Qualquer imagem com atributos de altura e largura definidos em <img> as tags serão redimensionadas.
  • Imagens com mais de 4.096 pixels de altura ou largura não serão redimensionadas automaticamente. 

Desative o redimensionamento automático de imagens

Você pode desativar o redimensionamento automático de uma imagem individual adicionando o seguinte parâmetro de consulta ao URL da imagem no código HTML:

?noresize

Por exemplo, a imagem a seguir será redimensionada na página porque o altura e largura atributos são definidos no <img> tag no HTML:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg" height="500px" width="600px">

Para desativar o redimensionamento automático de imagem, basta adicionar o parâmetro ?noresize ao url da imagem:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">

Redimensionar imagens manualmente

Para redimensionar manualmente suas imagens na ferramenta de arquivos:

  1. Clique no nome do seu arquivo.
  2. No painel direito, na parte inferior, clique em Clonar e editar. Em seguida, selecione Cortar e redimensionar. Esta opção não será exibida se a visibilidade do arquivo de imagem tiver sido definida como Privada.
  3. No canto inferior esquerdo, clique em Redimensionar. Em seguida, insira o largura e altura em pixels.
  4. No canto inferior direito, clique em Salvar nova imagem. A imagem redimensionada será salva como um novo arquivo.