Använd bilder i HubSpot-innehåll

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

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

Lägg till bilder

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor:
  • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Kunskapsbas: I ditt HubSpot-konto navigerar du till Innehåll > Kunskapsbas.
• • E-post: I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
• Klicka på namnet på ditt innehåll.

Observera: endast bildfiler i storlekarna .png, . ico, . bmp, . jpg och . gif kan läggas till i marknadsföringsmeddelanden

• Infoga en bild:
  • Om du vill lägga till en bild i en rikstextmodul klickar du på rikstextmodulen och sedan påbildikonen insertImage ici i verktygsfältet för rikstext.
  • Om du vill lägga till en bild i en bildmodul klickar du på bildmodulen och sedan på Ersätt i sidofältsredigeraren 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 URL-fil klickar du på Lägg till bild i den högra panelen. Om du vill skapa en ny bild med Canvas redigeringsverktyg klickar 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 ochvä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 hur du optimerar sidor för lad dningstid i vår utvecklardokumentation.

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 rik text-modul

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor:
  • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Kunskapsbas: I ditt HubSpot-konto navigerar du till Innehåll > Kunskapsbas.
  • E-post: I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
• Klicka på namnet på ditt innehåll.
• Klicka på bilden i innehållsredigeraren för att visa verktygsfältet för bildredigering.
• Redigera bilden:
  • Om du vill justera hur texten omsluter bilden klickar du på justeringsikonerna på inline.

• • För att justera bildens storlek klickar du på bredd- och höjdpilarna eller anger ett pixelvärde.
  • För att justera utfyllnaden runt din bild klickar du på rullgardinsmenyn Avstånd och anger sedan pixelvärden runt kanterna på bildikonen.
• Om du vill ta bort en bild från en RTF-modul klickar du på bilden och sedan på papperskorgsikonen på delete .

• Om du vill ersätta en bild i en rik text-modul klickar du på bilden och sedan påersättningsikonen replace repl och lägger till en ny bild.

• Om du vill länka bilden, lägga till alt-text eller ange laddningsbeteende klickar du på bilden och sedan på pennikonen edit:
  • Om du vill lägga till en länk till bilden klickar du pårullgardinsmenyn Länk till ipopup-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 en text som beskriver vad bilden föreställer för sökmotorer och skärmläsare. Du kan också lägga till alt-text i bilder i filverktyget. Om du lägger till alt-text förbättras webbplatsens tillgänglighet och SEO. Läs mer om webbplatsens tillgänglighet i vår utvecklardokumentation .

Observera: om du lägger till alt-text i en bild läggs ingen titeltext till. Alt-text påverkar sökmotorrankning och tillgänglighet, medan titeltexten visas när en besökare håller muspekaren över bilden.

• Klicka på Avancerat om du vill ställa in bildladdningsbeteende och anpassa bildlänktypen för sökmotorer.
  • För att ställa in bildladdningsbeteende klickar du på rullgardinsmenyn Bildladdning och väljer ett alternativ:
    • Lazy: bilden laddas endast när besökaren når den delen av sidan. Detta minskar den tid det tar att ladda sidan och förbättrar SEO. Som standard laddas bilder med den här inställningen.

• • • Webbläsarens standard: bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.
    • Eager: bilden laddas så snart sidan laddas.

• • Du kan anpassa bildlänktypen genom att välja ett eller flera attribut i avsnittet Länktyp :
    
    • Vanlig: den här länken är inte sponsrad.
    • No follow: den här 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å Apply för att tillämpa dina ändringar på bilden.

• Om du vill att ändringarna ska gälla live klickar du på Publicera eller Uppdatera längst upp till höger och sedan på Publicera eller Uppdatera i dialogrutan.

Redigera en bild i en bildmodul

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor:
  • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • E-post: I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
• Klicka på namnet på ditt innehåll.
• Klicka på bildmodulen i innehållsredigeraren.
• Om du vill ta bort den aktuella bilden klickar du på Ta bort i avsnittet Bild i sidofältsredigeraren. 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 sidofältsredigeraren och lägger sedan till en ny bild.
• I fältet Alt-text anger du en text som beskriver vad bilden föreställer för sökmotorer och skärmläsare. Du kan också lägga till alt-text till bilder i filverktyget. Om du lägger till alt-text förbättras webbplatsens tillgänglighet och SEO. Läs mer om webbplatsens tillgänglighet i vår utvecklardokumentation .

Observera: om du lägger till alt-text i en bild läggs ingen titeltext till. Alt-text påverkar sökmotorrankning och tillgänglighet, medan titeltexten visas när en besökare håller muspekaren över bilden.

• Om du vill ställa in bildens storlek på olika enheter klickar du på rullgardinsmenyn Storlek och väljer ett alternativ:
  
  • Justera automatiskt: Bilden skalas i storlek för att passa den enhet den visas på.
  • Exakt höjd och bredd: Bilden visas i samma storlek på alla enheter.
• Om du vill ange en gräns för bildens storlek klickar du på rullgardinsmenyn Maximal storlek och väljeralternativet :
  • Bildensoriginalstorlek: bilden kommer aldrig att visas större än sin originalstorlek.
  • 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 ange hur bilden ska laddas klickar du på rullgardinsmenyn Bild laddning och väljer ett alternativ:
  • Webbläsarens standard: bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.

• • Lazy: bilden laddas endast när besökaren når den delen av sidan. Detta minskar den tid det tar att ladda sidan och förbättrar SEO. Som standard laddas bilder med den här inställningen.

• • Eager: Bilden laddas så snart som möjligt.
• Om du vill lägga till en länk till bilden anger du en destinations-URL i fältet Länk ( valfritt). Markera kryssrutan Öppna länk i ny f lik för att dirigera besökaren till destinations-URL:en i en ny webbläsarflik.

• Klicka på Publicera eller Uppdatera längst upp till höger om du vill att dina ändringar ska gälla.