Käytä kuvia HubSpot-sisällössä

Voit lisätä kuvia HubSpot-sisällön rikkaisiin tekstimoduuleihin tai kuvamoduuleihin. Runsastekstimoduulit tukevat useita eri sisältötyyppejä (kuvia, tekstiä, CTA-kohteita jne.), kun taas kukin kuvamoduuli voi sisältää vain yhden kuvan.

Huomaa: tekstimoduulit ja mukautetut rikkaat tekstimoduulit sähköpostieditorissa eivät voi sisältää kuvia.

Lisää kuvia

• Siirry sisältöön:

  • Verkkosivut:
  • Laskeutumissivut:
  • Blogi:
  • Tietopohja:
  • Sähköposti:
• Napsauta sisällön nimeä.

Huomaa: markkinointisähköposteihin voi lisätä vain.png-, .ico, .bmp-, .jpg- ja .gif-kuvatiedostoja

• Lisää kuva:
  • Jos haluat lisätä kuvan rikkaan tekstin moduuliin, napsauta rikkaan tekstin moduulia ja napsauta sitten rikkaan tekstin työkalurivin insertImage icikuvaketta .
  • Jos haluat lisätä kuvan kuvamoduuliin, napsauta kuvamoduulia ja napsauta sitten Korvaa sivupalkin editorissa paikanvarauskuvan yläpuolella.
• Valitse kuva:
  • Jos haluat lisätä olemassa olevan kuvan, napsauta kuvaa oikeassa paneelissa.

• • Jos haluat ladata uuden kuvan tietokoneelta tai tiedosto-URL-osoitteesta, napsauta oikeassa paneelissa olevaa Lisää kuva -painiketta. Jos haluat luoda uuden kuvan Canvan muokkaustyökaluilla, valitse Design with Canva. Lisää kuva sitten napsauttamalla sitä.
• Ennen kuvan lisäämistä voit optimoida kuvan latausaikaa tai resoluutiota. Vie hiiren kursori oikeassa paneelissa kuvan päälle ja valitse Tiedot.
• Napsauta sitten Kuvan optimointi -pudotusvalikkoa ja valitse optimointivaihtoehto:
  • Korkea: kuva latautuu korkeammalla resoluutiolla, mutta latausaika kasvaa.
  • Oletus: kuva optimoidaan sekä resoluution että latausajan osalta.
  • Matala: kuva latautuu pienemmällä resoluutiolla, mutta latausaika lyhenee. Lue lisää sivujen latausajan optimoinnista kehittäjien dokumentaatiosta.
    

Muokkaa kuvia

Kun olet lisännyt kuvan sisältöön, voit muokata sen kokoa, lisätä alt-tekstiä, lisätä linkin tai määrittää sen latauskäyttäytymisen.

Muokkaa kuvaa rikkaan tekstin moduulissa

• Siirry sisältöön:

  • Verkkosivut:
  • Laskeutumissivut:
  • Blogi:
  • Tietopohja:
  • Sähköposti:
• Napsauta sisällön nimeä.
• Napsauta sisältöeditorissa kuvaa, jolloin kuvankäsittelytyökalurivi tulee näkyviin.
• Muokkaa kuvaa:
  • Voit säätää, miten teksti kiertyy kuvan ympärille, napsauttamalla inline kohdistuskuvakkeita.

• • Voit säätää kuvan kokoa napsauttamalla leveys- ja korkeusnuolia tai syöttämällä pikseliarvon.
  • Jos haluat säätää kuvan ympärillä olevaa pehmustetta, napsauta pudotusvalikkoa Spacing (Välykset ) ja syötä sitten pikselin arvot kuvakuvakkeen reunoille.
• Jos haluat poistaa kuvan rikkaan tekstin moduulista, napsauta kuvaa ja napsauta sitten delete roskakorikuvaketta.

• Jos haluat korvata kuvan rikkaan tekstin moduulissa, napsauta kuvaa, napsauta sitten replace replkorvaa-kuvaketta ja lisää uusi kuva.

• Jos haluat linkittää kuvan, lisätä alt-tekstin tai määrittää latauskäyttäytymisen, napsauta kuvaa ja napsauta sitten kynäkuvaketta edit:
  • Jos haluat lisätä kuvaan linkin, napsautaponnahdusikkunan Linkki kohteeseen -pudotusvalikkoa ja valitse linkkiluokka. Kirjoita alla olevaan kenttään linkin kohde. Lisätietoja erityyppisistä linkeistä.

• • Kirjoita Alt-tekstikenttään teksti, joka kuvaa hakukoneille ja ruudunlukijoille, mikä kuva on. Voit lisätä kuviin alt-tekstiä myös tiedostotyökalussa. Alt-tekstin lisääminen parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudesta kehittäjien dokumentaatiostamme.

Huomaa: alt-tekstin lisääminen kuvaan ei lisää otsikkotekstiä. Alt-teksti vaikuttaa hakukoneiden sijoituksiin ja saavutettavuuteen, kun taas otsikkoteksti tulee näkyviin, kun kävijä vie kuvan päälle.

• Jos haluat määrittää kuvien latauskäyttäytymisen ja mukauttaa kuvalinkkien tyypin hakukoneita varten, valitse Lisäasetukset.
  • Voit määrittää kuvien latauskäyttäytymisen napsauttamalla Kuvien lataaminen -pudotusvalikkoa ja valitsemalla vaihtoehdon:
    • Lazy (Laiska): kuva latautuu vasta, kun kävijä saapuu sivun kyseiseen osaan. Tämä lyhentää sivun latautumisaikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.

• • • Selaimen oletusarvo: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.
    • Innokas: kuva latautuu heti, kun sivu latautuu.

• • Jos haluat mukauttaa kuvalinkkityyppiä, valitse Linkin tyyppi -osiossa yksi tai useampi määrite:
    
    • Tavallinen: tätä linkkiä ei sponsoroida.
    • Ei seuraa: tämä linkki ei liity verkkosivustoosi.
    • Sponsoroitu: tämä linkki on sponsoroitu linkki tai mainos.
    • Käyttäjän luoma sisältö: tämä linkki johtaa käyttäjän luomaan sisältöön, kuten blogikommenttiin tai foorumikeskusteluun.
• Sovelletaan muutokset kuvaan napsauttamalla Käytä.

• Jos haluat ottaa muutokset käyttöön, valitse oikeassa yläkulmassa Julkaise tai Päivitä ja valitse sitten Julkaise tai Päivitä valintaikkunassa.

Muokkaa kuvaa kuvamoduulissa

• Siirry sisältöön:

  • Verkkosivut:
  • Laskeutumissivut:
  • Blogi:
  • Sähköposti:
• Napsauta sisällön nimeä.
• Napsauta sisältöeditorissa kuvamoduulia.
• Voit poistaa nykyisen kuvan napsauttamalla sivupalkkieditorin Kuva-osiossa Poista. Tämä poistaa nykyisen kuvan kuvamoduulista, mutta ei poista moduulia sivulta.

• Voit korvata nykyisen kuvan valitsemalla sivupalkkieditorin Kuva-osiossa Korvaa ja lisäämällä sitten uuden kuvan.
• Kirjoita Alt-tekstikenttään teksti, joka kuvaa hakukoneille ja ruudunlukijoille, mikä kuva on. Voit lisätä kuviin alt-tekstiä myös tiedostotyökalussa. Alt-tekstin lisääminen parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudesta kehittäjien dokumentaatiostamme.

Huomaa: alt-tekstin lisääminen kuvaan ei lisää otsikkotekstiä. Alt-teksti vaikuttaa hakukoneiden sijoituksiin ja saavutettavuuteen, kun taas otsikkoteksti tulee näkyviin, kun kävijä vie kuvan päälle.

• Jos haluat määrittää kuvan koon eri laitteille, napsauta Koko-pudotusvalikkoa ja valitse vaihtoehto:
  
  • Säädä automaattisesti: Kuva skaalautuu sen koon mukaan, joka sopii laitteeseen, jolla sitä katsotaan.
  • Tarkka korkeus ja leveys: kuva näkyy samankokoisena kaikilla laitteilla.
• Jos haluat asettaa kuvan koolle rajoituksen, napsauta pudotusvalikkoa Maksimikoko ja valitsevaihtoehto :
  • Kuvan alkuperäinen koko: kuva ei koskaan näy alkuperäistä kokoa suurempana.
  • Mukautettu: kuva ei koskaan näy suurempana kuin tietty leveys- ja korkeuskenttiin määritetty leveys ja korkeus.
• Jos haluat määrittää kuvan latauskäyttäytymisen, napsauta Image loading -pudotusvalikkoa ja valitse vaihtoehto:
  • Selaimen oletus: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.

• • Laiska: kuva latautuu vasta, kun kävijä saapuu kyseiseen sivun osaan. Tämä lyhentää sivun latausaikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.

• • Innokas: kuva latautuu mahdollisimman pian.
• Jos haluat lisätä kuvaan linkin, kirjoita määränpään URL-osoite Linkki (valinnainen) -kenttään. Valitse Avaa linkki uudessa välilehdessä -valintaruutu, jos haluat ohjata kävijän kohde-URL-osoitteeseen uudessa selaimen välilehdessä.
• Voit ottaa muutokset käyttöön napsauttamalla Julkaise tai Päivitä oikeassa yläkulmassa.