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: oktober 30, 2023

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-maileditoren kan ikke indeholde billeder.

Tilføj billeder

  • Naviger til dit indhold:

    • Hjemmeside-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.
  • Hold musen over dit indhold, og klik på Rediger.

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


  • Indsæt et billede:
    • Hvis du vil tilføje et billede til et rich text-modul, skal du klikke på rich text-modulet og derefter klikke på insertImage iciimage-ikonet 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 sidebjælkeeditoren over pladsholderbilledet.
  • Vælg et billede:
    • Hvis du vil 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. Hvis du vil oprette 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 på billedet i højre panel. Klik derefter pårullemenuen Billedoptimering ,og vælg en optimeringsmulighed:

    • Høj: Billedet indlæses i højere opløsning, men med længere indlæsningstid.
    • Standard: Billedet optimeres til 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.
  • Hold musen over dit indhold, og klik på Rediger.
  • Klik på billedet i indholdseditoren for at få vist værktøjslinjen til billedredigering.
  • Rediger billedet:
    • For at justere, hvordan teksten ombrydes omkring billedet, skal du klikke på inline justeringsikoner.
    • For at justere billedets størrelse skal du klikke på bredde- og højdepilene eller indtaste en pixelværdi.
    • For at justere polstringen omkring dit billede skal du klikke på rullemenuen Mellemrum og derefter indtaste pixelværdier omkring billedikonets kanter.
  • Hvis du vil fjerne et billede fra et rich text-modul, skal du klikke på billedet og derefter klikke påpapirkurvsikonet delete .
  • For at 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
  • For at linke til billedet, tilføje alt-tekst eller indstille indlæsningsadfærd skal du klikke på billedet og derefter klikke på blyantikonet 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 .I feltet nedenfor skal du indtaste linkets destination. Læs mere om de forskellige typer af links.
    • I feltet Alt-tekst skal du indtaste tekst, der beskriver for søgemaskiner og skærmlæsere, hvad billedet er. 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å din hjemmeside. Læs mere om tilgængelighed på hjemmesider i vores udviklerdokumentation.

Bemærk: Hvis 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.
    • Klik på rullemenuen Billedindlæsning, og vælg en indstilling for at indstille billedindlæsningsadfærd:
      • Lazy: Billedet indlæses kun, når den besøgende når til den del af siden. Dette reducerer den tid, din side tager at indlæse, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
      • Browserstandard: Billedets indlæsningsadfærd bestemmes af den besøgendes browserindstillinger.
      • Ivrig: Billedet indlæses, så snart siden indlæses.
    • Hvis du vil 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 for at aktivere dine ændringer, og klik derefter på Udgiv eller Opdater i dialogboksen.

Rediger et billede i et billedmodul

  • Naviger til dit indhold:

    • Hjemmeside-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.
  • Hold musen over dit indhold, og klik på Rediger.
  • Klik på billedmodulet i indholdseditoren.
  • Hvis du vil fjerne det aktuelle billede, skal du klikke på Fjern i afsnittet Billede i sidebar-editoren. Dette vil fjerne det aktuelle billede fra billedmodulet, men ikke fjerne modulet fra siden.
  • Hvis du vil erstatte det aktuelle billede, skal du klikke på Erstat i sektionen Billede i sidebar-editoren og derefter tilføje et nyt billede.
  • I feltet Alt-tekst skal du indtaste tekst, der beskriver for søgemaskiner og skærmlæsere, hvad billedet er. 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å din hjemmeside. Læs mere om tilgængelighed på hjemmesider i vores udviklerdokumentation.

Bemærk: Hvis 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
  • For at indstille billedets størrelse på forskellige enheder skal du klikke på rullemenuen Størrelse og vælge en mulighed:
    • Automatisk justering: 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:
    • Billedets originale størrelse: Billedet vil aldrig blive vist større end dets originale størrelse.
    • Brugerdefineret: billedet vises aldrig større end en bestemt bredde og højde, der er angivet i felterne bredde og højde.
  • Klik på rullemenuen Bill edindlæsning og vælg en mulighed for at indstille billedindlæsningsadfærd :
    • 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 del af siden. Dette reducerer den tid, din side tager at indlæse, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
    • Ivrig: 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). Vælg afkrydsningsfeltet Åbn link i ny fane for at lede 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 aktivere dine ændringer.

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