Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Bruk bilder i HubSpot-innhold

Sist oppdatert: oktober 30, 2023

Gjelder for:

Alle produkter og planer

Du kan legge til bilder i rich text-moduler eller bildemoduler i HubSpot-innhold. Rich text-moduler støtter flere typer innhold (bilder, tekst, CTA-er osv.), mens hver bildemodul bare kan inneholde ett enkelt bilde.

Merk: Tekstmoduler og egendefinerte rich text-moduler i dra-og-slipp-redigeringsprogrammet for e-post kan ikke inneholde bilder.

Legg til bilder

  • Naviger til innholdet ditt:

    • Nettstedets sider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
    • Kunnskapsbase: Gå til Innhold > Kunnskapsbase i HubSpot-kontoen din.
    • E-post: I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
  • Hold musepekeren over innholdet og klikk på Rediger.

Merk: Bare.png-, . ico-, . bmp-, . jpg- og . gif-bildefiler kan legges til i markedsførings-e-poster.


  • Sett inn et bilde:
    • Hvis du vil legge til et bilde i en rik tekst-modul, klikker du på rik tekst-modulen og deretter på insertImage icibildeikonet på verktøylinjen for rik tekst.
    • Hvis du vil legge til et bilde i en bildemodul, klikker du på bildemodulen og deretter på Erstatt i redigeringsfeltet over plassholderbildet.
  • Velg et bilde:
    • Hvis du vil sette inn et eksisterende bilde, klikker du på bildet i høyre panel.
    • Hvis du vil laste opp et nytt bilde fra datamaskinen eller via en fil-URL, klikker du på Legg til bilde i panelet til høyre. Hvis du vil opprette et nytt bilde med Canvas redigeringsverktøy, klikker du på Design med Canva. Klikk deretter på bildet for å sette det inn.

Før du setter inn et bilde, kan du optimalisere bildet med hensyn til lastetid eller oppløsning ved å klikke på Detaljer på bildet i høyre panel. Klikk deretter pårullegardinmenyen Bildeoptimalisering og velg et optimaliseringsalternativ:

    • Høy: bildet lastes inn med høyere oppløsning, men med lengre innlastingstid.
    • Standard: bildet optimaliseres for både oppløsning og innlastingstid.
    • Lav: bildet lastes inn med lavere oppløsning, men med kortere innlastingstid. Du finner mer informasjon om hvordan du optimaliserer innlastingstiden for sider i dokumentasjonen for utviklere.
set-image-optimization-for-rich-text-content

Rediger bilder

Når du har lagt til et bilde i innholdet, kan du redigere størrelsen, legge til alt-tekst, legge til en lenke eller angi hvordan bildet skal lastes inn.

Redigere et bilde i en RTF-modul

  • Naviger til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
    • Kunnskapsbase: Gå til Innhold > Kunnskapsbase i HubSpot-kontoen din.
    • E-post: I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
  • Hold musepekeren over innholdet og klikk på Rediger.
  • Klikk på bildet i innholdsredigeringsprogrammet for å vise verktøylinjen for bilderedigering.
  • Rediger bildet:
    • For å justere hvordan teksten omslutter bildet, klikker du på inline justeringsikonene.
    • Du kan justere bildets størrelse ved å klikke på bredde- og høydepilene eller angi en pikselverdi.
    • Hvis du vil justere utfyllingen rundt bildet, klikker du på rullegardinmenyen Avstand og angir pikselverdier rundt kantene på bildeikonet.
  • Hvis du vil fjerne et bilde fra en rik tekst-modul, klikker du på bildet og deretter påsøppelikonet delete .
  • Hvis du vil erstatte et bilde i en rich text-modul, klikker du på bildet og deretter på ikonet replace replreplace og legger til et nytt bilde.
edit-image-in-rich-text-module
  • Hvis du vil lenke til bildet, legge til alt-tekst eller angi innlastingsatferd, klikker du på bildet og deretter på blyantikonet edit:.
    • Hvis du vil legge til en lenke til bildet, klikker du pårullegardinmenyen Lenke til i popup-boksen og velger en lenkekategori .Skriv inn lenkens destinasjon i feltet nedenfor. Finn ut mer om de ulike lenketypene.
    • I feltet Alt-tekst skriver du inn tekst som beskriver hva bildet er for søkemotorer og skjermlesere. Du kan også legge til alt-tekst til bilder i filverktøyet. Hvis du legger til alt-tekst, forbedrer du tilgjengeligheten og søkemotoroptimaliseringen av nettstedet ditt. Finn ut mer om tilgjengelighet nettsteder i dokumentasjonen for utviklere.

Merk: Hvis du legger til alt-tekst i et bilde, legger du ikke til titteltekst. Alt-tekst påvirker søkemotorrangering og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.

  • Klikk på Avansert for å angi hvordan bilder skal lastes inn og tilpasse typen bildekobling for søkemotorer.
    • Klikk på rullegardinmenyen Bildeinnlasting og velg et alternativ for å angi hvordan bildet skal lastes inn:
      • Lazy: bildet lastes bare inn når den besøkende kommer til den delen av siden. Dette reduserer tiden det tar å laste inn siden og forbedrer SEO. Bilder lastes inn som standard med denne innstillingen.
      • Standardinnstilling fornettleser: Bildets innlastingsatferd bestemmes av den besøkendes nettleserinnstillinger.
      • Ivrig: bildet lastes inn så snart siden lastes inn.
    • Hvis du vil tilpasse bildelenketypen, velger du ett eller flere attributter i delen Lenketype :
      • Vanlig: Denne lenken er ikke sponset.
      • No follow: denne lenken er ikke knyttet til nettstedet ditt.
      • Sponset: Denne lenken er en sponset lenke eller en annonse.
      • Brukergenerert innhold: Denne lenken fører til brukergenerert innhold, for eksempel en bloggkommentar eller en forumdiskusjon.
  • Klikk på Bruk for å bruke endringene på bildet.

add-link-and-alt-text-to-rich-text-image

  • Hvis du vil aktivere endringene, klikker du på Publiser eller Oppdater øverst til høyre og deretter på Publiser eller Oppdater i dialogboksen.

Redigere et bilde i en bildemodul

  • Naviger til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
    • E-post: I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
  • Hold musepekeren over innholdet og klikk på Rediger.
  • Klikk på bildemodulen i innholdsredigeringsprogrammet.
  • Hvis du vil fjerne det aktuelle bildet, klikker du på Fjern i Bildedelen i sidefeltredigeringsprogrammet. Dette fjerner det aktuelle bildet fra bildemodulen, men fjerner ikke modulen fra siden.
  • Hvis du vil erstatte det gjeldende bildet, klikker du på Erstatt i Bildedelen i sidefeltredigeringsprogrammet og legger deretter til et nytt bilde.
  • I feltet Alt-tekst skriver du inn tekst som beskriver hva bildet er for søkemotorer og skjermlesere. Du kan også legge til alt-tekst til bilder i filverktøyet. Ved å legge til alt-tekst forbedrer du tilgjengeligheten og søkemotoroptimaliseringen av nettstedet ditt. Les mer om tilgjengelighet nettsteder i dokumentasjonen for utviklere.

Merk: Hvis du legger til alt-tekst i et bilde, legger du ikke til titteltekst. Alt-tekst påvirker søkemotorrangering og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.

replace-image
  • Hvis du vil angi bildets størrelse på ulike enheter, klikker du på rullegardinmenyen Størrelse og velger et alternativ:
    • Automatisk justering: Bildet skaleresautomatisk etter enheten det vises på.
    • Nøyaktig høyde og bredde: bildet vises i samme størrelse på alle enheter.
  • Hvis du vil angi en grense for bildets størrelse, klikker du på rullegardinmenyen Maksimal størrelse og velger et alternativ på :
    • Bildets originalstørrelse: bildet vises aldri større enn originalstørrelsen.
    • Egendefinert: bildet vil aldri vises større enn en spesifikk bredde og høyde som er angitt i bredde- og høydefeltene.
  • For å angi hvordan bildet skal lastes inn, klikker du på rullegardinmenyen Bilde innlasting og velger et alternativ:
    • Standardinnstilling for nettleser: Bildeinnlastingen bestemmes av innstillingene i den besøkendes nettleser.
    • Lat: bildet lastes bare inn når den besøkende kommer til den delen av siden. Dette reduserer tiden det tar å laste inn siden og forbedrer SEO. Bilder lastes inn som standard med denne innstillingen.
    • Ivrig: bildet lastes inn så raskt som mulig.
  • Hvis du vil legge til en lenke til bildet, skriver du inn en URL-adresse i feltet Lenke (valgfritt). Merk av i avmerkingsboksen Åpne lenke i ny f ane for å lede den besøkende til mål-URL-en i en ny nettleserfane.
set-image-size-and-loading-options
  • Klikk på Publiser eller Oppdater øverst til høyre for å aktivere endringene.

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.