Du kan legge til bilder i rich text-moduler eller bildemoduler i HubSpot-innhold. Rich text-moduler støtter flere typer innhold (bilder, tekst, CTA-er osv.), mens hver bildemodul bare kan inneholde ett enkelt bilde.
Merk: Tekstmoduler og egendefinerte rich text-moduler i dra-og-slipp-redigeringsprogrammet for e-post kan ikke inneholde bilder.
Legg til bilder
-
- Hold musepekeren over innholdet og klikk på Rediger.
Merk: Bare.png-, . ico-, . bmp-, . jpg- og . gif-bildefiler kan legges til i markedsførings-e-poster.
- Sett inn et bilde:
- Hvis du vil legge til et bilde i en rik tekst-modul, klikker du på rik tekst-modulen og deretter på insertImage icibildeikonet på verktøylinjen for rik tekst.
- Hvis du vil legge til et bilde i en bildemodul, klikker du på bildemodulen og deretter på Erstatt i redigeringsfeltet over plassholderbildet.
- Velg et bilde:
- Hvis du vil sette inn et eksisterende bilde, klikker du på bildet i høyre panel.
-
- Hvis du vil laste opp et nytt bilde fra datamaskinen eller via en fil-URL, klikker du på Legg til bilde i panelet til høyre. Hvis du vil opprette et nytt bilde med Canvas redigeringsverktøy, klikker du på Design med Canva. Klikk deretter på bildet for å sette det inn.
Før du setter inn et bilde, kan du optimalisere bildet med hensyn til lastetid eller oppløsning ved å klikke på Detaljer på bildet i høyre panel. Klikk deretter pårullegardinmenyen Bildeoptimalisering og velg et optimaliseringsalternativ:
-
- Høy: bildet lastes inn med høyere oppløsning, men med lengre innlastingstid.
- Standard: bildet optimaliseres for både oppløsning og innlastingstid.
- Lav: bildet lastes inn med lavere oppløsning, men med kortere innlastingstid. Du finner mer informasjon om hvordan du optimaliserer innlastingstiden for sider i dokumentasjonen for utviklere.
Rediger bilder
Når du har lagt til et bilde i innholdet, kan du redigere størrelsen, legge til alt-tekst, legge til en lenke eller angi hvordan bildet skal lastes inn.
Redigere et bilde i en RTF-modul
-
- Du kan justere bildets størrelse ved å klikke på bredde- og høydepilene eller angi en pikselverdi.
- Hvis du vil justere utfyllingen rundt bildet, klikker du på rullegardinmenyen Avstand og angir pikselverdier rundt kantene på bildeikonet.
- Hvis du vil fjerne et bilde fra en rik tekst-modul, klikker du på bildet og deretter påsøppelikonet delete .
- Hvis du vil erstatte et bilde i en rich text-modul, klikker du på bildet og deretter på ikonet replace replreplace og legger til et nytt bilde.
- Hvis du vil lenke til bildet, legge til alt-tekst eller angi innlastingsatferd, klikker du på bildet og deretter på blyantikonet edit:.
- Hvis du vil legge til en lenke til bildet, klikker du pårullegardinmenyen Lenke til i popup-boksen og velger en lenkekategori .Skriv inn lenkens destinasjon i feltet nedenfor. Finn ut mer om de ulike lenketypene.
-
- I feltet Alt-tekst skriver du inn tekst som beskriver hva bildet er for søkemotorer og skjermlesere. Du kan også legge til alt-tekst til bilder i filverktøyet. Hvis du legger til alt-tekst, forbedrer du tilgjengeligheten og søkemotoroptimaliseringen av nettstedet ditt. Finn ut mer om tilgjengelighet på nettsteder i dokumentasjonen for utviklere.
Merk: Hvis du legger til alt-tekst i et bilde, legger du ikke til titteltekst. Alt-tekst påvirker søkemotorrangering og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.
- Klikk på Avansert for å angi hvordan bilder skal lastes inn og tilpasse typen bildekobling for søkemotorer.
- Klikk på rullegardinmenyen Bildeinnlasting og velg et alternativ for å angi hvordan bildet skal lastes inn:
- Lazy: bildet lastes bare inn når den besøkende kommer til den delen av siden. Dette reduserer tiden det tar å laste inn siden og forbedrer SEO. Bilder lastes inn som standard med denne innstillingen.
-
-
- Standardinnstilling fornettleser: Bildets innlastingsatferd bestemmes av den besøkendes nettleserinnstillinger.
- Ivrig: bildet lastes inn så snart siden lastes inn.
-
- Hvis du vil tilpasse bildelenketypen, velger du ett eller flere attributter i delen Lenketype :
- Vanlig: Denne lenken er ikke sponset.
- No follow: denne lenken er ikke knyttet til nettstedet ditt.
- Sponset: Denne lenken er en sponset lenke eller en annonse.
- Brukergenerert innhold: Denne lenken fører til brukergenerert innhold, for eksempel en bloggkommentar eller en forumdiskusjon.
- Klikk på Bruk for å bruke endringene på bildet.
Redigere et bilde i en bildemodul
- Hvis du vil erstatte det gjeldende bildet, klikker du på Erstatt i Bildedelen i sidefeltredigeringsprogrammet og legger deretter til et nytt bilde.
- I feltet Alt-tekst skriver du inn tekst som beskriver hva bildet er for søkemotorer og skjermlesere. Du kan også legge til alt-tekst til bilder i filverktøyet. Ved å legge til alt-tekst forbedrer du tilgjengeligheten og søkemotoroptimaliseringen av nettstedet ditt. Les mer om tilgjengelighet på nettsteder i dokumentasjonen for utviklere.
Merk: Hvis du legger til alt-tekst i et bilde, legger du ikke til titteltekst. Alt-tekst påvirker søkemotorrangering og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.
- Hvis du vil angi bildets størrelse på ulike enheter, klikker du på rullegardinmenyen Størrelse og velger et alternativ:
- Automatisk justering: Bildet skaleresautomatisk etter enheten det vises på.
- Nøyaktig høyde og bredde: bildet vises i samme størrelse på alle enheter.
- Hvis du vil angi en grense for bildets størrelse, klikker du på rullegardinmenyen Maksimal størrelse og velger et alternativ på :
- Bildets originalstørrelse: bildet vises aldri større enn originalstørrelsen.
- Egendefinert: bildet vil aldri vises større enn en spesifikk bredde og høyde som er angitt i bredde- og høydefeltene.
- For å angi hvordan bildet skal lastes inn, klikker du på rullegardinmenyen Bilde innlasting og velger et alternativ:
- Standardinnstilling for nettleser: Bildeinnlastingen bestemmes av innstillingene i den besøkendes nettleser.
-
- Lat: bildet lastes bare inn når den besøkende kommer til den delen av siden. Dette reduserer tiden det tar å laste inn siden og forbedrer SEO. Bilder lastes inn som standard med denne innstillingen.
-
- Ivrig: bildet lastes inn så raskt som mulig.
- Hvis du vil legge til en lenke til bildet, skriver du inn en URL-adresse i feltet Lenke (valgfritt). Merk av i avmerkingsboksen Åpne lenke i ny f ane for å lede den besøkende til mål-URL-en i en ny nettleserfane.