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: november 2, 2021

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.gifkan 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 iciimagei verktygsfältet för textmodul.
    • Om du vill lägga till en bild i en bildmodul klickar du påbildmodulen och sedan på Ersätti 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 Bildoptimeringoch välj ettoptimeringsalternativ:

    • 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 storlekklickar dupilarnabredd ochhö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 attta bort papperskorgen.
  • Om du vill ersätta en bild i en textmodul klickar du på bilden, klickar sedan påikonenreplace replreplaceoch 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 tilli popup-rutan och väljer en länkkategori .I fältet nedan anger du länkensdestination. Läs mer om de olika typerna av länkar.
    • I fältet Alt-text angerdu textsom beskriver för sökmotorer och skärmläsare vad bilden är. Detta kommer att förbättra tillgängligheten och SEO på din webbplats. Läs mer om webbplatsens tillgänglighet i vårdokumentation 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 hur du laddar bilder klickar du på rullgardinsmenyn Bildladdningoch 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 fleraattribut 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åUppdateraellerPublicera 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 angerdu textsom 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årdokumentation 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örbreddochhöjd.
  • Om du vill ställa in hur bilden laddas klickar du på rullgardinsmenyn Bildladdningoch 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 enmål-URLi fältetLänk (valfritt). Markera kryssrutan Öppna länk i ny flikfö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åUppdateraellerPublicera högst upp till höger i innehållsredigeraren för att ta ändringarna i bruk.