Videokomprimering

Sådan optimeres HTML5-videoer til dit websted

Indsendt 13. februar 2021
Skrevet af Tobi Raub
Clipchamp er en gratis online video-editorPrøv gratis
Del dette indlæg

*Videokomprimering er nu kun tilgængelig for brugere af Clipchamp Utilities.

Sidst opdateret: 15. oktober 2019

Onlinevideoer dominerer fortsat internettet, og det er nu blevet et almindeligt brugt element i webdesign. 

Videoer fanger opmærksomheden og stimulerer fantasien, så det er ikke underligt, at man ser dem blive indlejret i mange startsider for at tiltrække brugerens blik. Næsten alle webbrowsere understøtter nu HTML5-video. Det er vigtigt, at du opretter en indholdsplan og designer et logo til dit websted, som du mener bedst repræsenterer dit brand overfor din målgruppe. Når du har gjort det, kan du skabe andre visuelle designs for at tiltrække dit publikum. Det er et rigtig godt tidspunkt at føje en video til din baggrund eller header på dit websted. Clipchamp har nogle gode skabeloner, der kunne være perfekte til dit webdesign, såsom dette smukke filmklip:

Brug denne skabelon

Der er mange grunde til, at du bør føje HTML5-video til dit websted, men forhast dig ikke. Der er visse problemer, der kan opstå, og du skal optimere dine videoer for at sikre en problemfri ydeevne. Her er, hvad vi vil gennemgå:

  1. Derfor skal du optimere videoer til dit websted

    • Langsomme websteder mister kunder

    • Ikke alle videoformater er lige

  2. Sådan optimerer du dine videoer med Clipchamp

    • Komprimer dine videoer til HTML5

    • Konverter din video med henblik på browserkompatibilitet

1. Derfor skal du optimere videoer til dit websted

Fordelene ved HTML5-video kommer ikke uden en pris. Indlejret videoindhold, der afspilles automatisk, kan få sider til at indlæse langsomt, hvilket er en enorm trafikdræber. Du kan også støde på problemer, hvis dine videoer ikke er kompatible med de browsere, dine kunder bruger.

Langsomme websteder mister kunder

Hvis din HTML5-video er for stor, kan det gøre din virksomheds websted betydeligt langsommere. Dette kan føre til en irriterende oplevelse for brugerne, der ser din video stoppe og buffer, når webstedet indlæses. 

Derfor kan det, der skulle have været et lækkert designelement, der bidrager til det samlede indtryk af et websteds design, blive til et irritationsmoment for besøgende, hvis de skal vente på, at alle elementerne indlæses og vises korrekt.

Desktop and mobile user waiting for video to load

Selvom du har god SEO og fantastiske tilbud, der tiltrækker folk til dit websted, kan en dårlig brugeroplevelse ødelægge det hele. Folk vil ikke blot klikke væk fra dit websted, men Google vil lægge mærke til det. Sideindlæsningstider og antallet af folk, der klikker væk, er begge vigtige faktorer, der påvirker din sides Google-placering. Så sørg for, at du komprimerer videoer til dit websted.

Hvis dit videoindhold ligger i skyen, skal du sørge for, at din cloud hosting-udbyder garanterer hurtig indlæsning og oppetid. På den måde kan du give dine besøgende en videooplevelse uden afbrydelser. Nogle cloud hosting-udbydere tilbyder gratis prøveversioner af deres tjenester.

Video -redigeringsværktøj i browseren.

Gratis for altid. Lav professionelle videoer på få minutter.

Ikke alle videoformater er lige

Den bedste HTML5-video i verden hjælper dig ikke, hvis den ikke kan indlæses i folks browsere. Ikke alle videoformater kan indlæses i alle browsertyper, så du skal konvertere dine videoer for at undgå det pinlige øjeblik, hvor det iøjefaldende videoindhold ikke indlæses. Dette er vigtigt for at sikre, at videoer accepteres af så mange browsere som muligt på så mange enheder som muligt. 

Desværre er der ikke ét format, der slår dem alle, men din bedste chance er enten WebM (VP8) eller MP4 (H264). Disse kan indlæses i de fleste browsere, men ikke alle. 

Faktisk er den bedste mulighed at konvertere dit videoindhold til WebM, før du bruger det i dit webdesign, men også have et MP4-alternativ. På den måde sikrer du, at MP4-versionen indlæses i de sjældne tilfælde, hvor WebM ikke understøttes.

2. Sådan optimerer du dine videoer med Clipchamp

De to vigtigste måder, hvorpå du kan optimere videoer til dit webdesign, er komprimering og konvertering – og du kan gøre begge dele gratis ved hjælp af Clipchamp Utilities!

Som nævnt ovenfor er komprimering og konvertering de bedste metoder til at optimere videoer til webdesign, hvilket hjælper med til drastisk at forbedre sidens indlæsningstid og afspilning. 

Men før dette vil vi anbefale én ting: For at bibeholde kvaliteten foreslår vi normalt ikke at reducere opløsningen og bithastigheden på dine videoer for meget, men du har måske lidt mere fleksibilitet, hvis du designer videoer, der primært skal afspilles i baggrunden af dit websted. Disse videoer er ikke det primære fokus, og de kan ofte vises på mindre skærme, da så meget browsing sker på på mobiltelefoner. 

Loopede HTML5-videoer vises normalt bag gennemsigtige lag eller tekstelementer og skal indlæses og afspilles hurtigt på alle enheder, uanset hvordan internetforbindelsen er. Derfor er en lille filstørrelse vigtigere end opløsningen. Clipchamps egen hjemmeside er faktisk et levende eksempel på dette tip. Tilbage til optimering af dine videoer:

Komprimer dine videoer til HTML5

Som du måske har gættet, er Clipchamps gratis online videoeditor et fantastisk hjælpemiddel, hvis du vil lave en lille videofil af god kvalitet.

Det er allerede populært blandt webdesignere, webudviklere, grafiske designere og WordPress-, Wix- og Squarespace-skabere. Den er også blevet anbefalet som en nyttig app af webdesignbloggere og visuelle platforme til opbygning af websteder såsom Webflow og BOWWE, specielt med henblik på at komprimere baggrundsvideoer og cinemagraphs til websteder.

Clipchamp enterprise users

Clipchamp komprimerer og konverterer videoer lokalt i din browser, før du uploader dem til din server, WordPress-hostingudbyder såsom Cloudways, eller webstedsgenerator. Så værktøjet er ikke kun nyttigt, når videoen er på webstedet, men det gør også det første upload hurtigere.

Til brug på websteder anbefaler vi generelt at komprimere videoer ned til mindst 720p ved enten at bruge indstillingen mellem eller lav kvalitet i Clipchamp. Både outputindstillingerne Web og Mobil er mulige – forudindstillingen Mobil producerer mindre outputfiler end Web med let reduceret synlig kvalitet.

Optimize your video for web

Konverter din video med henblik på browserkompatibilitet

Du kan nemt konvertere din video for at øge browserkompatibiliteten ved hjælp af Clipchamp Utilities. Du skal blot uploade din video, vælge det ønskede format under Tilpas indstillinger, så klarer Clipchamps gratis konverter resten:

Select WebM

Hvis du vil tilføje en MP4-fil som backup til dit websted, skal du blot gentage processen, men vælge MP4 i stedet.

Mere fra Clipchamp-bloggen

Sådan integrerer du video i PowerPoint

31. maj 2021
*Videokomprimering er nu kun tilgængelig for brugere af Clipchamp Utilities. Sidst…

Sådan integreres videoer i Outlook-mail

6. marts 2021
Clipchamp Utilities og videokomprimering udgår i 2021. Men bare rolig! Vores gratis…

Sådan får du videoer til at spille på en Chromebook

20. februar 2021
Chromebooks er fantastiske små maskiner med en lang række funktioner. Men de kæmper…

Begynd at lave videoer gratis med Clipchamp

It looks like your preferred language is English