Du kan tilføje billeder til rich text-moduler eller billedmoduler i HubSpot-indhold. Rich text-moduler understøtter flere typer indhold (billeder, tekst, CTA'er osv.), mens hvert billedmodul kun kan indeholde et enkelt billede.
Bemærk: Tekstmoduler og brugerdefinerede rich text-moduler i træk-og-slip-e-mail-editoren kan ikke indeholde billeder.
Tilføj billeder
-
Naviger til dit indhold:
- Hjemmesider:
- Landingssider:
- Blog:
- Vidensbase:
- Klik på navnet på dit indhold.
Bemærk: kun.png-, .ico-, .bmp-, .jpg- og .gif-billedfilerkan tilføjes til marketing-e-mails
- Indsæt et billede:
- Hvis du vil tilføje et billede til et rich text-modul, skal du klikke på rich text-modulet og derefter klikke påbilledikonet insertImage ici på rich text-værktøjslinjen.
- Hvis du vil tilføje et billede til et billedmodul, skal du klikke på billedmodulet og derefter klikke på Erstat i sidebjælkeeditoren over pladsholderbilledet.
- Vælg et billede:
- For at indsætte et eksisterende billede skal du klikke på billedet i højre panel.
-
- For at uploade et nyt billede fra din computer eller via en fil-URL skal du klikke på Tilføj billede i højre panel. For at oprette et nyt billede med Canvas redigeringsværktøjer skal du klikke på Design med Canva. Klik derefter på billedet for at indsætte det.
- Før du indsætter et billede, kan du optimere billedet med hensyn til indlæsningstid eller opløsning. Hold musen over billedet i højre panel, og klik på Detaljer.
- Klik derefter pårullemenuen Billedoptimering ,og vælg en optimeringsmulighed:
- Høj: Billedet indlæses i højere opløsning, men med en øget indlæsningstid.
- Standard: Billedet optimeres for både opløsning og indlæsningstid.
- Lav: Billedet indlæses i en lavere opløsning, men med en kortere indlæsningstid. Få mere at vide om optimering af sider til indlæsningstid i vores udviklerdokumentation.
Rediger billeder
Når du har tilføjet et billede til dit indhold, kan du redigere dets størrelse, tilføje alt-tekst, tilføje et link eller indstille dets indlæsningsadfærd.
Rediger et billede i et rich text-modul
-
Naviger til dit indhold:
- Hjemmesider:
- Landingssider:
- Blog:
- Vidensbase:
- E-mail:
- Klik på navnet på dit indhold.
- Klik på billedet i indholdseditoren for at få vist værktøjslinjen til billedredigering.
- Rediger billedet:
- Klik på justeringsikonerne på inline for at justere, hvordan teksten ombrydes omkring billedet.
-
- For at justere billedets størrelse skal du klikke på bredde- og højdepilene eller indtaste en pixelværdi.
- For at justere udfyldningen omkring dit billede skal du klikke på rullemenuen Afstand og derefter indtaste pixelværdier rundt om billedikonets kanter.
- Hvis du vil fjerne et billede fra et rich text-modul, skal du klikke på billedet og derefter klikke påskraldespandsikonet på delete .
- Hvis du vil erstatte et billede i et rich text-modul, skal du klikke på billedet og derefter klikke påikonet replace replreplace og tilføje et nyt billede.
- Hvis du vil linke billedet, tilføje alt-tekst eller indstille indlæsningsadfærd, skal du klikke på billedet og derefter klikke på blyantsikonet edit:
- Hvis du vil tilføje et link til billedet, skal du klikke pårullemenuen Link til i det tidligere spørgsmålog vælge en linkkategori .Indtast linkets destination i feltet nedenfor. Få mere at vide om de forskellige typer af links.
-
- I feltet Alt-tekst kan du indtaste tekst, der beskriver, hvad billedet er for søgemaskiner og skærmlæsere. Du kan også tilføje alt-tekst til billeder i filværktøjet. Tilføjelse af alt-tekst vil forbedre tilgængeligheden og SEO på dit websted. Få mere at vide om websitets tilgængelighed i vores udviklerdokumentation.
Bemærk: Når man tilføjer alt-tekst til et billede, tilføjer man ikke titeltekst. Alt-tekst påvirker placeringen i søgemaskinerne og tilgængeligheden, mens titelteksten vises, når en besøgende holder musen over billedet.
- Klik på Avanceret for at indstille billedindlæsningsadfærd og tilpasse billedlinktypen til søgemaskiner.
- For at indstille billedindlæsningsadfærd skal du klikke på rullemenuen Billedindlæsning og vælge en mulighed:
- Lazy: Billedet indlæses kun, når den besøgende når til den del af siden. Det reducerer den tid, det tager at indlæse siden, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
-
-
- Browserstandard: Billedets indlæsningsadfærd bestemmes af den besøgendes browserindstillinger.
- Eager: Billedet indlæses, så snart siden indlæses.
-
- For at tilpasse billedlinktypen skal du vælge en eller flere tilskrivninger i afsnittet Linktype :
- Almindelig: dette link er ikke sponsoreret.
- No follow: dette link er ikke forbundet med din hjemmeside.
- Sponsoreret: dette link er et sponsoreret link eller en annonce.
- Brugergenereret indhold: Dette link fører til brugergenereret indhold, f.eks. en blogkommentar eller en forumdiskussion.
- Klik på Anvend for at anvende dine ændringer på billedet.
Rediger et billede i et billedmodul
-
Naviger til dit indhold:
- Hjemmesider:
- Landingssider:
- Blog:
- E-mail:
- Klik på navnet på dit indhold.
- Klik på billedmodulet i indholdseditoren.
- For at fjerne det aktuelle billede skal du klikke på Fjern i sektionen Billede i sidebar-editoren. Dette fjerner det aktuelle billede fra billedmodulet, men fjerner ikke modulet fra siden.
- Hvis du vil erstatte det aktuelle billede, skal du klikke på Erstat i afsnittet Billede i sidebjælkeeditoren og derefter tilføje et nyt billede.
- I feltet Alt-tekst skal du indtaste en tekst, der beskriver, hvad billedet er for søgemaskiner og skærmlæsere. Du kan også tilføje alt-tekst til billeder i filværktøjet. Tilføjelse af alt-tekst vil forbedre tilgængeligheden og SEO på dit websted. Få mere at vide om websitets tilgængelighed i vores udviklerdokumentation.
Bemærk: Når man tilføjer alt-tekst til et billede, tilføjer man ikke titeltekst. Alt-tekst påvirker placeringen i søgemaskinerne og tilgængeligheden, mens titelteksten vises, når en besøgende holder musen over billedet.
- Hvis du vil indstille billedets størrelse på forskellige enheder, skal du klikke på rullemenuen Størrelse og vælge en mulighed:
- Juster automatisk: Billedet skaleres i størrelse, så det passer til den enhed, det vises på.
- Præcis højde og bredde: Billedet vises i samme størrelse på alle enheder.
- Hvis du vil sætte en grænse for billedets størrelse, skal du klikke på rullemenuen Maksimal størrelse og vælge en af følgende muligheder: :
- Billedets oprindelige størrelse: Billedet vil aldrig blive vist større end dets oprindelige størrelse.
- Brugerdefineret: Billedet vil aldrig blive vist større end en bestemt bredde og højde, der er angivet i felterne bredde og højde.
- For at indstille billedindlæsningsadfærd skal du klikke på rullemenuen Billedindlæsning og vælge en mulighed:
- Browserstandard: Billedets indlæsningsadfærd bestemmes af den besøgendes browserindstillinger.
-
- Lazy: Billedet indlæses først, når den besøgende når til den pågældende del af siden. Det reducerer den tid, det tager at indlæse siden, og forbedrer SEO. Som standard indlæses billeder med denne indstilling.
-
- Ivrig: billedet indlæses så hurtigt som muligt.
- Hvis du vil tilføje et link til billedet, skal du indtaste en destinations-URL i feltet Link (valgfrit). Marker afkrydsningsfeltet Åbn link i ny fane for at lede den besøgende til destinations-URL'en i en ny browserfane.
- Klik på Udgiv eller Opdater øverst til højre for at tage dine ændringer i brug