Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Brug billeder i HubSpot-indhold

Sidst opdateret: maj 23, 2024

Gælder for:

Alle produkter og abonnementer

Du kan tilføje billeder til rich text-moduler eller billedmoduler i HubSpot-indhold. Rich text-moduler understøtter flere typer indhold (billeder, tekst, CTA'er osv.), mens hvert billedmodul kun kan indeholde et enkelt billede.

Bemærk: Tekstmoduler og brugerdefinerede rich text-moduler i drag and drop-e-mail-editoren kan ikke indeholde billeder.

Tilføj billeder

  • Naviger til dit indhold:

    • Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
    • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
    • Vidensbase: På din HubSpot-konto skal du navigere til Indhold > Videngrundlag.
    • E-mail: På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
  • Klik på navnet på dit indhold.

Bemærk: Kun.png-, . ico-, . bmp-, . jpg- og . gif-billedfiler kan føjes til marketingmails.


  • Indsæt et billede:
    • For at tilføje et billede til et rich text-modul skal du klikke på rich text-modulet og derefter klikke påbilledikonet insertImage ici på rich text-værktøjslinjen.
    • For at tilføje et billede til et billedmodul skal du klikke på billedmodulet og derefter klikke på Erstat i sidebar-editoren over pladsholderbilledet.
  • Vælg et billede:
    • For at indsætte et eksisterende billede skal du klikke på billedet i højre panel.
    • Hvis du vil uploade et nyt billede fra din computer eller via en fil-URL, skal du klikke på Tilføj billede i højre panel. For at skabe et nyt billede med Canvas redigeringsværktøjer skal du klikke på Design med Canva. Klik derefter på billedet for at indsætte det.

Før du indsætter et billede, kan du optimere billedet med hensyn til indlæsningstid eller opløsning ved at klikke på Detaljer om billedet i højre panel. Klik derefter pårullemenuen Billedoptimering , ogvælg en optimeringsmulighed:

    • Høj: Billedet indlæses i højere opløsning, men med en øget indlæsningstid.
    • Standard: Billedet optimeres for både opløsning og indlæsningstid.
    • Lav: Billedet indlæses i en lavere opløsning, men med en kortere indlæsningstid. Læs mere om optimering af sider til indlæsningstid i vores udviklerdokumentation.
set-image-optimization-for-rich-text-content

Rediger billeder

Når du har tilføjet et billede til dit indhold, kan du redigere dets størrelse, tilføje alt-tekst, tilføje et link eller indstille dets indlæsningsadfærd.

Rediger et billede i et rich text-modul

  • Naviger til dit indhold:

    • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
    • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
    • Vidensbase: På din HubSpot-konto skal du navigere til Indhold > Videngrundlag.
    • E-mail: På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
  • Klik på navnet på dit indhold.
  • Klik på billedet i indholdseditoren for at få vist værktøjslinjen til billedredigering.
  • Rediger billedet:
    • Klik på justeringsikonerneinline for at justere, hvordan teksten ombrydes omkring billedet.
    • For at justere billedets størrelse skal du klikke på bredde- og højdepilene eller indtaste en pixelværdi.
    • For at justere udfyldningen omkring dit billede skal du klikke på rullemenuen Afstand og derefter indtaste pixelværdier rundt om billedikonets kanter.
  • Hvis du vil fjerne et billede fra et rich text-modul, skal du klikke på billedet og derefter klikke påskraldespandsikonet på delete .
  • Hvis du vil erstatte et billede i et rich text-modul, skal du klikke på billedet og derefter klikke på ikonet replace replreplace og tilføje et nyt billede.
edit-image-in-rich-text-module
  • Hvis du vil linke til billedet, tilføje alt-tekst eller indstille indlæsningsadfærd, skal du klikke på billedet og derefter klikke på blyantsikonet edit:
    • Hvis du vil tilføje et link til billedet, skal du klikke pårullemenuen Link til ipop op-boksen og vælge en linkkategori .Indtast linkets destination i feltet nedenfor. Få mere at vide om de forskellige typer af links.
    • I feltet Alt-tekst skal du indtaste en tekst, der beskriver, hvad billedet er for søgemaskiner og skærmlæsere. Du kan også tilføje alt-tekst til billeder i filværktøjet . Tilføjelse af alt-tekst vil forbedre tilgængeligheden og SEO på dit websted. Læs mere om tilgængelighed på websteder i vores udviklerdokumentation .

Bemærk: Når du tilføjer alt-tekst til et billede, tilføjer du ikke titeltekst. Alt-tekst påvirker søgemaskineplaceringer og tilgængelighed, mens titeltekst vises, når en besøgende holder musen over billedet.

  • Klik på Avanceret for at indstille billedindlæsningsadfærd og tilpasse billedlinktypen til søgemaskiner.
    • For at indstille billedindlæsningsadfærd skal du klikke på rullemenuen Billedindlæsning og vælge en mulighed:
      • Lazy: Billedet indlæses kun, når den besøgende når til den pågældende del af siden. Det reducerer den tid, det tager at indlæse siden, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
      • Browserstandard: Billedets indlæsningsadfærd bestemmes af den besøgendes browserindstillinger.
      • Eager: Billedet indlæses, så snart siden indlæses.
    • For at tilpasse billedlinktypen skal du vælge en eller flere attributter i afsnittet Linktype :
      • Regular: Dette link er ikke sponsoreret.
      • No follow: Dette link er ikke forbundet med din hjemmeside.
      • Sponsoreret: Dette link er et sponsoreret link eller en annonce.
      • Brugergenereret indhold: Dette link fører til brugergenereret indhold, f.eks. en blogkommentar eller en forumdiskussion.
  • Klik på Anvend for at anvende dine ændringer på billedet.

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

  • Klik på Udgiv eller Opdater øverst til højre, og klik derefter på Udgiv eller Opdater i dialogboksen for at gøre ændringerne live.

Rediger et billede i et billedmodul

  • Naviger til dit indhold:

    • Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
    • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
    • E-mail: På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
  • Klik på navnet på dit indhold.
  • Klik på billedmodulet i indholdseditoren.
  • Hvis du vil fjerne det aktuelle billede, skal du klikke på Fjern i sektionen Billede i sidebar-editoren. Dette fjerner det aktuelle billede fra billedmodulet, men fjerner ikke modulet fra siden.
  • Hvis du vil erstatte det aktuelle billede, skal du klikke på Replace i Image-sektionen i sidebar-editoren og derefter tilføje et nyt billede.
  • I feltet Alt-tekst skal du indtaste en tekst, der beskriver, hvad billedet er for søgemaskiner og skærmlæsere. Du kan også tilføje alt-tekst til billeder i filværktøjet . Tilføjelse af alt-tekst vil forbedre tilgængeligheden og SEO på dit websted. Få mere at vide om tilgængelighed på websteder i vores udviklerdokumentation .

Bemærk: Når du tilføjer alt-tekst til et billede, tilføjer du ikke titeltekst. Alt-tekst påvirker søgemaskineplaceringer og tilgængelighed, mens titeltekst vises, når en besøgende holder musen over billedet.

replace-image
  • Hvis du vil indstille billedets størrelse på forskellige enheder, skal du klikke på rullemenuen Størrelse og vælge en mulighed:
    • Juster automatisk: Billedet skaleres i størrelse, så det passer til den enhed, det vises på.
    • Præcis højde og bredde: Billedet vises i samme størrelse på alle enheder.
  • Hvis du vil sætte en grænse for billedets størrelse, skal du klikke på rullemenuen Maksimal størrelse og vælge en mulighed på :
    • Billedets oprindelige størrelse: Billedet vil aldrig blive vist større end dets oprindelige størrelse.
    • Brugerdefineret: Billedet vil aldrig blive vist større end en bestemt bredde og højde, der er angivet i felterne bredde og højde.
  • For at indstille billedindlæsningsadfærd skal du klikke på rullemenuen Bill edindlæsning og vælge en mulighed:
    • Browserstandard: Billedets indlæsningsadfærd bestemmes af den besøgendes browserindstillinger.
    • Lazy: Billedet indlæses kun, når den besøgende når til den pågældende del af siden. Det reducerer den tid, det tager at indlæse siden, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
    • Eager: Billedet indlæses så hurtigt som muligt.
  • Hvis du vil tilføje et link til billedet, skal du indtaste en destinations-URL i feltet Link ( valgfrit). Marker afkrydsningsfeltet Åbn link i ny fane for at sende den besøgende til destinations-URL'en i en ny browserfane.
set-image-size-and-loading-options
  • Klik på Udgiv eller Opdater øverst til højre for at gøre dine ændringer live.

Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.