Använda bilder i HubSpot-innehåll

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

Observera: textmoduler och anpassade rich text-moduler i dra och släpp e-postredigeraren 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: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Blogg:
  • Kunskapsbas:

• • E-post: 0
• Håll muspekaren över innehållet och klicka på Redigera.

Observera: Endast bildfilerna.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 textmodul klickar du på textmodulen och sedan påikonen insertImage iciimage i textverktygsfältet.
  • Om du vill lägga till en bild i en bildmodul klickar du på bildmodulen och sedan på Ersätt i sidofältredigeraren 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 redigeringsverktyg klickar du på Designa 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 längre 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 dokumentation för utvecklare.

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 Rich Text-modul

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Blogg:
  • Kunskapsbas: I ditt HubSpot-konto navigerar du till Innehåll > Kunskapsbas.
  • E-post: 0
• Håll muspekaren över innehållet och klicka på Redigera.
• Klicka på bilden i innehållsredigeraren för att visa verktygsfältet för bildredigering.
• Redigera bilden:
  • Om du vill justera hur texten omsluts av bilden klickar du på inline justeringsikoner.

• • Om du vill justera bildens storlek klickar du på bredd- och höjdpilarna eller anger ett pixelvärde.
  • Om du vill justera utfyllnaden runt bilden 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 Rich Text-modul klickar du på bilden och sedan påpapperskorgsikonen delete .

• Om du vill ersätta en bild i en Rich Text-modul klickar du på bilden och sedan på ikonen replace replreplace och lägger till en ny bild.

• Om du vill länka bilden, lägga till alt-text eller ställa in 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 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. Du kan också lägga till alt-text till bilder i filverktyget. Om du lägger till alt-text förbättras tillgängligheten och SEO på din webbplats. Läs mer om webbplatsers tillgänglighet i vår dokumentation för utvecklare.

Observera: Om du lägger till alt-text i en bild läggs inte titeltext till. Alt-text påverkar sökmotorrankingen och tillgängligheten, medan titeltexten visas när en besökare för muspekaren över bilden.

• Klicka på Avancerat om du vill ange hur bilder ska laddas och anpassa bildlänktypen för sökmotorer.
  • Ställ in hur bilden ska laddas genom att klicka på rullgardinsmenyn Bildladdning och välja ett alternativ:
    • Lat: bilden laddas bara när besökaren når den delen av sidan. Detta minskar tiden det tar för din sida att laddas och förbättrar SEO. Som standard laddas bilder med den här inställningen.

• • • Standard för webbläsare: bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.
    • Ivrig: bilden laddas så snart sidan laddas.

• • 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: den här länken leder till användargenererat innehåll, t.ex. en bloggkommentar eller en forumdiskussion.
• Klicka på Verkställ för att tillämpa ändringarna på bilden.

• Klicka på Publicera eller Uppdatera längst upp till höger och klicka 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: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Blogg:
  • E-post: 0
• 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 sidofältredigeraren. 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ältredigeraren och lägger sedan till en ny bild.
• I fältet Alt-text anger du text som beskriver för sökmotorer och skärmläsare vad bilden är. Du kan även 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 webbplatsers tillgänglighet i vår dokumentation för utvecklare.

Observera: Om du lägger till alt-text i en bild läggs inte titeltext till. Alt-text påverkar sökmotorrankingen och tillgängligheten, medan titeltexten visas när en besökare för muspekaren över bilden.

• För att ställa in bildens storlek på olika enheter, klicka på rullgardinsmenyn Storlek och välj ett alternativ:
  
  • Justera automatiskt: 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.
• Om du vill ange en gräns för bildens storlek klickar du på rullgardinsmenyn Maximal storlek och väljer ett alternativ på :
  • Bildens originalstorlek: 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 bredd och höjd.
• Om du vill ange hur bilden ska laddas klickar du på rullgardinsmenyn Bildladdning och väljer ett alternativ:
  • Standard för webbläsare: bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.

• • Lat: bilden laddas bara när besökaren når den delen av sidan. Detta minskar tiden det tar för din sida att laddas och förbättrar SEO. Som standard laddas bilder med den här inställningen.

• • Ivrig: 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 flik för att dirigera besökaren till destinationsadressen i en ny webbläsarflik.

• Klicka på Publicera eller Uppdatera längst upp till höger för att ta dina ändringar live.