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 rich text-moduler i e-postredigeraren med dra-och-släpp-funktion kan inte innehålla bilder.
Lägg till bilder
Observera: endastbildfiler av typen .png, .ico, .bmp, .jpg och .gifkan 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. 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 annonsuppsättning för dess laddningsbeteende.
Redigera en bild i en rik text-modul
-
- För att justera bildens storlek klickar du på pilarna för bredd och höjd 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 rikstextmodul klickar du på bilden och sedan påersättningsikonen på replace repl 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 fråganoch 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 skriver du in 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 tillgängligheten och SEO för din webbplats. Läs mer om webbplatstillgänglighet i vår utvecklardokumentation.
Observera: om du lägger till alt-text till en bild läggs ingen titeltext till. Alt-text påverkar sökmotorrankning och tillgänglighet, medan titeltext visas när en besökare håller muspekaren över bilden.
- Klicka på Avancerat om du vill ställa in hur bilder ska laddas och anpassa bildlänktypen för sökmotorer.
- Om du vill 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.
-
- För att anpassa typen av bildlänk väljer du ett eller flera attribut i avsnittet Länktyp :
- Vanlig: den här länken är inte sponsrad.
- Ingen följare: 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å Apply för att tillämpa dina ändringar på bilden.
Redigera en bild i en bildmodul
- 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 skriver du in en text som beskriver vad bilden är för något 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 tillgängligheten och SEO för din webbplats. Läs mer om webbplatstillgänglighet i vår utvecklardokumentation.
Observera: om du lägger till alt-text till en bild läggs ingen titeltext till. Alt-text påverkar sökmotorrankning och tillgänglighet, medan titeltext 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:
- Automatisk justering: Bilden anpassas i storlek till 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 ställa in beteendet för bildladdning klickar du på rullgardinsmenyn Bildladdning och väljer ett alternativ:
- Webbläsarens standard: bildens laddningsbeteende bestäms av besökarens webbläsarinställningar.
-
- Lazy: bilden laddas först 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