Du kan legge til bilder i rik tekstmoduler eller bildemoduler i HubSpot-innhold . Rik tekstmoduler støtter flere typer innhold (bilder, tekst, CTAer osv.), mens hver bildemodul bare kan inneholde ett enkelt bilde.
Vennligst merk: tekstmoduler og tilpassede rik tekstmoduler i dra og slipp e-postredigering kan ikke inneholde bilder.
Legg til bilder
Vennligst merk: kun . png-, .ico-, .bmp-, .jpg og .gif i mage-filer kan legges til i markedsførings-e-poster
- Sett inn et bilde:
- For å legge til et bilde i en rik tekst-modul, klikk på rik tekst-modulen og klikk deretter på insertImage ici bildeikonet på rik tekst-verktøylinjen.
- Hvis du vil legge til et bilde i en bildemodul, klikker du på bildemodulen og deretter på Erstatt i sidefeltredigeringen over plassholderbildet.
- Velg et bilde:
- For å sette inn et eksisterende bilde, klikk på bildet i høyre panel.
- For å laste opp et nytt bilde fra datamaskinen eller via fil-URL, klikk på Legg til bilde i høyre panel. For å lage 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 for innlastingstid eller oppløsning. I det høyre panelet holder du musepekeren over bildet og klikker på Detaljer .
- Klikk deretter på rullegardinmenyen Bildeoptimalisering og velg et optimaliseringsalternativ :
- Høy : bildet vil lastes inn med høyere oppløsning, men med økt innlastingstid.
- Standard : bildet vil optimaliseres for både oppløsning og lastetid.
- Lav : bildet vil lastes inn med lavere oppløsning, men med redusert innlastingstid. Finn ut mer om optimalisering av sider for lastetid i utviklerdokumentasjonen vår.
Rediger bilder
Når du har lagt til et bilde i innholdet ditt, kan du redigere størrelsen, legge til alternativ tekst, legge til en lenke eller angi innlastingsadferd.
Rediger et bilde i en rik tekstmodul
- For å justere bildets størrelse, klikk på bredde- og høydepilene eller angi en pikselverdi .
- For å justere polstringen rundt bildet, klikk på rullegardinmenyen Avstand , og skriv deretter inn pikselverdier rundt kantene på bildeikonet.
- For å fjerne et bilde fra en rik tekstmodul klikker du på bildet og deretter på ikonet delete papirkurv .
- Hvis du vil erstatte et bilde i en rik tekstmodul, klikker du på bildet , klikker deretter på replace repl -ikonet og legger til et nytt bilde.
- For å koble til bildet, legge til alternativ tekst eller angi innlastingsadferd, klikk på bildet og deretter på blyantikonet edit:
- For å legge til en lenke til bildet, klikk på Link til- rullegardinmenyen i popup-boksen og velg en lenkekategori . I feltet nedenfor skriver du inn lenkens destinasjon . Lær mer om de forskjellige typene lenker .
- I Alt-tekstfeltet skriver du inn tekst for å beskrive for søkemotorer og skjermlesere hva bildet er. Du kan også legge til alternativ tekst til bilder i filverktøyet . Å legge til alternativ tekst vil forbedre tilgjengeligheten og SEO for nettstedet ditt. Finn ut mer om nettstedtilgjengelighet i utviklerdokumentasjonen vår.
Vennligst merk: å legge til alt-tekst i et bilde legger ikke til titteltekst. Alt-tekst påvirker søkemotorrangeringer og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.
- For å angi atferd for bildelasting og tilpasse bildelenketypen for søkemotorer, klikk Avansert .
- For å angi atferd for bildelasting, klikk på Bildelasting rullegardinmenyen og velg et alternativ :
- Lazy: bildet vil bare lastes når den besøkende når den delen av siden. Dette reduserer tiden siden din krever for å laste og forbedrer SEO . Som standard lastes bilder med denne innstillingen.
- Nettleserstandard: Bildets lasteatferd bestemmes av den besøkendes nettleserinnstillinger.
- Ivrig: bildet vil lastes så snart siden laster.
- For å tilpasse bildelenketypen, velg ett eller flere attributter i delen Koblingstype :
- Vanlig: denne lenken er ikke sponset.
- Ingen følg: denne koblingen er ikke knyttet til nettstedet ditt.
- Sponset: denne lenken er en sponset lenke eller en annonse.
- Brukergenerert innhold: denne koblingen fører til brukergenerert innhold, for eksempel en bloggkommentar eller en forumdiskusjon.
- Klikk på Bruk for å bruke endringene dine på bildet.
Rediger et bilde i en bildemodul
- For å erstatte det gjeldende bildet, klikk på Erstatt i Bilde -delen av sidepanelredigering, og legg deretter til et nytt bilde .
- I Alt-tekstfeltet skriver du inn tekst for å beskrive for søkemotorer og skjermlesere hva bildet er. Du kan også legge til alternativ tekst til bilder i filverktøyet . Å legge til alternativ tekst vil forbedre tilgjengeligheten og SEO for nettstedet ditt. Finn ut mer om nettstedtilgjengelighet i utviklerdokumentasjonen vår.
Vennligst merk: å legge til alt-tekst i et bilde legger ikke til titteltekst. Alt-tekst påvirker søkemotorrangeringer og tilgjengelighet, mens titteltekst vises når en besøkende holder musepekeren over bildet.
- For å angi bildets størrelse på forskjellige enheter, klikk på Størrelse- rullegardinmenyen og velg et alternativ :
- Juster automatisk: bildet skaleres i størrelse for å passe til enheten det vises på.
- Nøyaktig høyde og bredde : bildet vil vises i samme størrelse på alle enheter.
- For å angi en grense for bildets størrelse, klikk på rullegardinmenyen Maksimal størrelse og velg en alternativ :
- Bildets opprinnelige størrelse : bildet vil aldri virke større enn dets opprinnelige størrelse.
- Egendefinert : bildet vil aldri se større ut enn en bestemt bredde og høyde som er angitt i bredde- og høydefeltene .
- For å angi atferd for bildelasting, klikk på Bildelasting rullegardinmenyen og velg et alternativ :
- Nettleserstandard: bildets lasteoppførsel bestemmes av den besøkendes nettleserinnstillinger.
- Lazy: bildet vil bare lastes når den besøkende når den delen av siden. Dette reduserer tiden siden din krever for å laste og forbedrer SEO . Som standard lastes bilder med denne innstillingen.
- Ivrig : bildet lastes så snart som mulig.
- For å legge til en kobling til bildet, skriv inn en destinasjonsadresse i feltet Link (valgfritt) . Merk av for Åpne lenke i ny fane for å lede den besøkende til destinasjonsadressen i en ny nettleserfane.
- For å ta endringene live, klikk på Publiser eller Oppdater øverst til høyre.