Videokomprimering

Sådan optimeres HTML5-videoer til dit websted

Clipchamp er en gratis online video-editorPrøv gratis
Del dette indlæg

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

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 vi ser dem blive indlejret i mange startsider for at tiltrække brugerens blik. Næsten alle webbrowsere understøtter nu HTML5-video, så 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 websted, 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øsning. Clipchamps egen hjemmeside er faktisk et levende eksempel på dette råd. Tilbage til optimering af dine videoer:

Komprimer dine videoer til HTML5

Som du måske har gættet, er vores gratis onlinevideokonvertering og videokomprimering fra Clipchamp et godt værktøj til at hjælpe, hvis målet er at oprette en lille videofil i god kvalitet.

Det er allerede populært blandt webdesignere, webudviklere, grafiske designere samt brugere af WordPress, Wix og Squarespace. Det er også blevet anbefalet som en brugbar app af webdesignbloggere og platforme til visuel webstedsbygning såsom Webflow, specielt til komprimering af baggrundsvideoer og filmklip til websteder.

Clipchamp enterprise users

Clipchamp komprimerer og konverterer videoer lokalt i din browser, før du uploader dem til din server, hostingudbyder eller webstedsgenerator. Så værktøjet er ikke kun nyttigt, når videoen er på webstedet, men det gør også den 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 og øge browserkompatibiliteten ved hjælp af Clipchamp Utilities. Du skal blot uploade din video, vælge det ønskede format under Tilpas indstillinger, så gør Clipchamps gratis konverteringsværktøj 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

May 31, 2021
*Videokomprimering er nu kun tilgængelig for Clipchamp Utilities -brugere. Sidst…

Sådan integreres videoer i Outlook-mail

March 6, 2021
*Videokomprimering er nu kun tilgængelig for Clipchamp Utilities -brugere. Sidst…

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

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

Begynd at lave videoer gratis med Clipchamp