Videokomprimering

Sådan optimeres HTML5-videoer til dit websted

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

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 dit 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.

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 er i skyen, skal du sørge for, at din skytjenesteudbyder garanterer hurtig indlæsning og køretid. På den måde kan du give dine besøgende en videooplevelse uden afbrydelser.

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 de bedste metoder til at optimere videoer til webdesign komprimering og konvertering, 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 og WordPress-, Wix- og Squarespace-skabere. Det er også blevet anbefalet som en brugbar app af webdesignbloggere og platforme for visuel webstedsbygning som Webflow specielt til komprimering af baggrundsvideoer og filmklip til websteder.

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.

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:

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

Begynd at lave videoer gratis med Clipchamp