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.

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 Service > Kunskapsbas.
  • E-post: I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
• Klicka på namnet på ditt innehåll.

• Så här lägger du till en bild i ett e-postmeddelande:
  
  • Rich text-modul: för e-postmeddelanden som använder den klassiska redigeraren klickar du påbildikonen insertImage ici i verktygsfältet för rik text.Textmoduler och anpassade rikstextmoduler i dra och släpp-redigeraren för e-post kan inte innehålla bilder.
  • Bildmodul: för e-postmeddelanden som använder e-postredigeraren dra och släpp klickar du på bildmodulen och sedan på Ersätt i sidofältsredigeraren ovanför platshållarbilden.

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

• Så här lägger du till en bild på en sida, i ett inlägg eller i en artikel:
  • Modul förrik text: klicka på modulen för rik text och klicka sedan påbildikonen insertImage ici i verktygsfältet för rik text.
  • Bildmodul: klicka på bildmodulen och klicka 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. Håll muspekaren över bilden i den högra panelen och klicka på Detaljer.
• 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 hur du optimerar sidor för laddningstid 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 Service > Kunskapsbas.
  • E-post: I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
• 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 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 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.

• 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, navigera till Marknadsföring > E-post.
• 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 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 om du vill att dina ändringar ska gälla.