Automaattinen kuvan koon muuttaminen HubSpot-sisällössä

HubSpotin isännöimässä sisällössä käytetään olet usarvoisesti automaattista kuvien koon muuttamista. Tämä optimoi kuvat niin, että ne sopivat näytölle, jolla niitä katsotaan, mikä voi lyhentää selaimen latausaikaa ja parantaa Googlen PageSpeed-pistemäärää. Kaikki kuvat, joiden korkeus- ja leveysattribuutit on määritelty <img>-tageissa, muutetaan kokoa.

Huomaa: kuvia, joiden korkeus tai leveys on yli 4096 pikseliä, ei pienennetä automaattisesti.

Kuvien automaattisen koon muuttamisen poistaminen käytöstä

Voit poistaa yksittäisen kuvan automaattisen koon muuttamisen käytöstä lisäämällä HTML-koodin kuvan URL-osoitteeseen seuraavan kyselyparametrin:

?noresize

Esimerkiksi seuraavan kuvan kokoa muutetaan sivulla, koska korkeus- ja leveysattribuutit on määritetty HTML:n <img>-tagissa:

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

Jos haluat poistaa kuvan automaattisen koon muuttamisen käytöstä, lisää kuvan url-osoitteeseen yksinkertaisesti ?noresize-lisäparametri:

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

Kuvien koon muuttaminen manuaalisesti

Voit muuttaa kuvien kokoa manuaalisesti tiedostotyökalussa:

• Napsauta tiedoston nimeä.
• Napsauta oikean paneelin alareunassa Kloonaa ja muokkaa.
• Napsauta vasemmassa alareunassa kohtaa Muuta kokoa. Anna sitten leveys ja korkeus pikseleinä.
• Napsauta oikeassa alakulmassa Tallenna uusi kuva. Koon muutettu kuva tallennetaan uutena tiedostona.