Redimensionnement automatique des images dans du contenu HubSpot

Le redimensionnement automatique des images est utilisé par défaut pour le contenu hébergé par HubSpot. Les images sont ainsi optimisées pour s'adapter à l'écran sur lequel elles sont affichées, ce qui permet de réduire le temps de chargement du navigateur et d'améliorer le score de Google PageSpeed.

Redimensionner automatiquement les images

• Toute image dont les attributs de hauteur et de largeur sont définis dans les balises <img> sera redimensionnée.
• Les images supérieures à 4 096 pixels en hauteur ou en largeur ne seront pas automatiquement redimensionnées. 

Désactiver le redimensionnement automatique des images

Vous pouvez désactiver le redimensionnement automatique d'une image individuelle en ajoutant le paramètre de requête suivant à l'URL de l'image dans le code HTML :

?noresize

Par exemple, l'image suivante sera redimensionnée sur la page parce que les attributs height et width sont définis dans la balise <img> du code HTML :

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

Pour désactiver le redimensionnement automatique des images, ajoutez simplement le paramètre ?noresize à l'URL de l'image :

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

Redimensionnement manuel des images

Pour redimensionner manuellement vos images dans l'outil fichiers :

1. Dans votre compte HubSpot, accédez à Contenu > Fichiers.

1. Cliquez sur le nom de votre fichier.
2. Dans le panneau de droite, en bas, cliquez sur Clone et modifiez. Ensuite, sélectionnez Recadrer et redimensionner. Cette option n’apparaîtra pas si la visibilité de votre fichier image a été définie sur Privé.
3. En bas à gauche, cliquez sur Resize. Ensuite, entrez la largeur et la hauteur en pixels.
4. En bas à droite, cliquez sur Enregistrer une nouvelle image. L’image redimensionnée sera enregistrée en tant que nouveau fichier
   
   .