Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Landing Pages

Använd bilder i HubSpot-innehåll

Senast uppdaterad: september 13, 2022

Gäller för:

Alla produkter och planer

Du kan lägga till bilder i textmoduler eller bildmoduler i HubSpot-innehåll. Rikt textmoduler stöder flera typer av innehåll (bilder, text, CTA:er osv.), medan varje bildmodul endast kan innehålla en enda bild.

Observera: textmoduler och anpassade rika textmoduler i e-postredigeraren med drag och släpp kan inte innehålla bilder.

Lägg till bilder

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
    • Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
    • Kunskapsdatabas: I ditt HubSpot-konto, navigera till Service > Kunskapsbas
    • E-post: I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
  • Håll muspekaren över ditt innehåll och klicka på Redigera.

Observera: Endast bildfiler i form av .png,.ico,.bmp,.jpg och.gif kan läggas till i e-postmeddelanden för marknadsföring.


  • Infoga en bild:
    • Om du vill lägga till en bild i en textmodul klickar du på textmodulen och sedan påikonen insertImage iciimage i verktygsfältet för textmodul.
    • Om du vill lägga till en bild i en bildmodul klickar du på bildmodulen och sedan på Ersätt i redigeringsfältet i sidofältet ovanför platshållarbilden.
  • Välj en bild:
    • Om du vill infoga en befintlig bild klickar du på bilden i den högra panelen.
    • Om du vill ladda upp en ny bild från din dator eller via en fil-URL klickar du på Lägg till bild i den högra panelen. Om du vill skapa en ny bild med Canvas redigeringsverktygklickar du på Design med Canva. Klicka sedan på bilden för att infoga den.

Innan du infogar en bild kan du optimera bilden för laddningstid eller upplösning genom att klicka på Detaljer på bilden i den högra panelen. Klicka sedan pårullgardinsmenyn Bildoptimering och välj ett optimeringsalternativ:

    • Hög: Bilden laddas med högre upplösning, men med en ökad laddningstid.
    • Standard: Bilden optimeras för både upplösning och laddningstid.
    • Låg: Bilden laddas med lägre upplösning, men med kortare laddningstid. Läs mer om optimering av sidor för laddningstid i vår dokumentation för utvecklare.
set-image-optimization-for-rich-text-content

Redigera bilder

När du har lagt till en bild i ditt innehåll kan du redigera dess storlek, lägga till alt-text, lägga till en länk eller ställa in dess laddningsbeteende.

Redigera en bild i en textmodul

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
    • Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
    • Kunskapsdatabas: I ditt HubSpot-konto, navigera till Service > Kunskapsbas
    • E-post: I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
  • Håll muspekaren över ditt innehåll och klicka på Redigera.
  • Klicka på bilden i innehållsredigeraren för att visa verktygsfältet för bildredigering.
  • Redigera bilden:
    • Klicka på ikonerna för inlinejustering om du vill justera hur texten omsluter bilden.
    • Omdu vill justera bildens storlek klickardu påpilarna bredd och höjd eller anger ett pixelvärde.
    • Om du vill justera vadderingen runt bilden klickar du på rullgardinsmenyn Spacing (Avstånd ) och anger sedan pixelvärden runt bildikonens kanter.
  • Om du vill ta bort en bild från en textmodul klickar du på bilden och sedan påikonen för att ta bort papperskorgen.
  • Om du vill ersätta en bild i en textmodul klickar du på bilden, klickar sedan påikonen replace replreplace och lägger till en ny bild.
edit-image-in-rich-text-module
  • Om du vill länka bilden, lägga till alt-text eller ställa in laddningsbeteende klickar du på bilden och klickar sedan på pennikonen redigera:
    • Om du vill lägga till en länk till bilden klickar du pårullgardinsmenyn Länk till i popup-rutan och väljer en länkkategori .I fältet nedan anger du länkens destination. Läs mer om de olika typerna av länkar.
    • I fältet Alt-text anger du text som beskriver för sökmotorer och skärmläsare vad bilden är. Detta förbättrar tillgängligheten och SEO på din webbplats . Läs mer om webbplatsens tillgänglighet i vår dokumentation för utvecklare.

Observera: Att lägga till alt-text till en bild görintelägger inte till titeltext. Alt-texten påverkar sökmotorrankningen och tillgängligheten, medan titeltexten visas när en besökare håller muspekaren över bilden.

  • Klicka på Avancerat om du vill ställa in hur bilden laddas och anpassa bildlänktypen för sökmotorer.
    • Om du vill ställa in beteendet för bildladdning klickar du på rullgardinsmenyn Bildladdning och väljer ett alternativ:
      • Lättviktigt: Bilden laddas först när besökaren når den delen av sidan. Detta minskar den tid som din sida behöver för att laddas och förbättrar SEO. Som standard laddas bilderna med den här inställningen.
      • Eager: Bilden laddas så snart sidan laddas.
      • Standard för webbläsare : Bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.
    • Om du vill anpassa bildlänktypen väljer du ett eller flera attribut i avsnittet Länktyp :
      • Regular: Den här länken är inte sponsrad.
      • No follow: länken är inte kopplad till din webbplats.
      • Sponsrad: den här länken är en sponsrad länk eller en annons.
      • Användargenererat innehåll: länken leder till användargenererat innehåll, t.ex. en bloggkommentar eller en forumdiskussion.
  • Klicka på Tillämpa för att tillämpa ändringarna på bilden.

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

  • Klicka på Uppdatera eller Publicera uppe till höger i innehållsredigeraren för att aktivera ändringarna.

Redigera en bild i en bildmodul

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
    • Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
    • E-post: I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
  • Håll muspekaren över ditt innehåll och klicka på Redigera.
  • Klicka på bildmodulen i innehållsredigeraren.
  • Om du vill ta bort den aktuella bilden klickar du på Ta bort i avsnittet Bild i sidobreddatorn. Detta tar bort den aktuella bilden från bildmodulen, men tar inte bort modulen från sidan.
  • Om du vill ersätta den aktuella bilden klickar du på Ersätt i avsnittet Bild i sidobladet och lägger sedan till en ny bild.
  • I fältet Alt-text anger du text som beskriver vad bilden är för sökmotorer och skärmläsare. Detta kommer att förbättra tillgängligheten och SEO på din webbplats . Läs mer om webbplatstillgänglighet i vår dokumentation för utvecklare.

Observera: Att lägga till alt-text till en bild görintelägger inte till titeltext. Alt-texten påverkar sökmotorrankningen och tillgängligheten, medan titeltexten visas när en besökare håller muspekaren över bilden.

replace-or-remove-image-in-image-module
  • Ställ in bildens storlek. Du kan ställa in storleken automatiskt eller genom att ange en egen höjd och bredd:
    • Automatisk justering: Bilden skalas i storlek för att passa den enhet som den visas på.
    • Exakt höjd och bredd: Bilden visas i samma storlek på alla enheter.
  • Ange en maximal storlek:
    • Bildens ursprungliga storlek: Bilden kommer aldrig att visas större än sin ursprungliga storlek.
    • Anpassad: Bilden kommer aldrig att visas större än en specifik bredd och höjd som anges i fälten för bredd och höjd.
  • Om du vill ställa in hur bilden laddas klickar du på rullgardinsmenyn Bildladdning och väljer ett alternativ:
    • Lättviktigt: Bilden laddas först när besökaren når den delen av sidan. Detta minskar den tid som din sida behöver för att laddas och förbättrar SEO. Som standard laddas bilderna med den här inställningen.
    • Standard för webbläsare : Bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.
  • Om du vill lägga till en länk till bilden anger du en mål-URL i fältet Länk (valfritt). Markera kryssrutan Öppna länk i ny flik för att leda besökaren till mål-URL:n i en ny flik i webbläsaren.
set-size-link-and-loading-in-an-image-module
  • Klicka på Uppdatera eller Publicera högst upp till höger i innehållsredigeraren för att ta ändringarna i bruk.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.