Sist oppdatert: 15. oktober 2019
Video dominerer på nettet, og har nå også blitt et helt vanlig element i webdesign.
Videoer fanger oppmerksomheten og vekker fantasien, så det er ikke overraskende at de blir tatt i bruk som blikkfang på mange nettsteder. Nesten alle nettlesere støtter nå HTML5-video, så tiden er inne for å legge til en bakgrunns- eller forsidevideo på nettstedet ditt.
Clipchamp har mange flotte videomaler, så du finner kanskje en som passer perfekt til nettstedet ditt. Her en nydelig videosløyfe, som et eksempel:
Det finnes mange gode grunner til å legge inn HTML5-video på nettstedet ditt, men ikke kast deg uforberedt ut i det. Det finnes noen problemer som kan oppstå, og du må optimalisere videoene dine for å sikre god flyt. Vi skal dekke disse temaene:
Grunner til at du må optimalisere videoene til nettstedet ditt
Trenge nettsteder mister kunder.
Riktig videoformat er viktig.
Slik optimaliserer du videoene dine med Clipchamp
Komprimer videoene dine for HTML5.
Konverter videoene dine for kompatibilitet med nettlesere.
1. Grunner til at du må optimalisere videoene til nettstedet ditt
Fordelene med HTML5-video kommer ikke uten kostnader. Innlemmet video som spilles av automatisk kan føre til at sider lastes inn tregt, som igjen har en negativ effekt på trafikk til siden. Du kan også få problemer hvis videoene ikke er kompatible med nettleseren som kundene bruker.
Trenge nettsteder mister kunder.
Hvis HTML5-videoen din er for stor, kan det gjøre nettstedet ditt vesentlig tregere. Dette kan medføre dårlige brukeropplevelser hvor videoen stopper opp for bufring mens siden lastes inn.
Noe som er ment å skape et flott design og hever helhetsinntrykket av nettstedet, kan dermed bli et irritasjonsmoment for besøkende som må vente på at innholdet på siden lastes inn og vises riktig.
Selv når du har god SEO og tilbyr fantastisk innhold som trekker folk til nettstedet ditt, kan en dårlig brukeropplevelse ødelegge alt. Ikke nok med at folk klikker seg vekk fra nettstedet ditt – Google legger også merke til det. Innlastingstider og besøkende som forlater siden, er viktige faktorer som påvirker Google-rangeringen til siden din. Så sørg for at du komprimerer videoene på siden din.
Hvis videoinnholdet ditt ligger i nettskyen, er det lurt å forsikre deg om at tilbyderen du benytter garanterer rask innlasting og en stabil tjeneste. Det trenger du for å levere en jevn og god videoopplevelse til brukerne av nettstedet ditt.
Gratis for alltid. Lag profesjonelle videoer på noen få minutter.
Riktig videoformat er viktig.
Det hjelper ikke om du har den beste HTML5-videoen i verden, så lenge videoen ikke lastes inn i nettleserne til folk. Det er ikke alle videoformater som støttes i alle nettlesere. Derfor må du konvertere videoene dine for å unngå det flaue øyeblikket når den fancy videoen din ikke lastes inn. Dette er viktig for å sikre at videoene dine spilles av på så mange forskjellige nettlesere og enheter som mulig.
Uheldigvis finnes det ikke et videoformat som fungerer hos alle, men de beste alternativene er WebM (VP8) og MP4 (H264). Disse fungerer i de fleste nettlesere, men ikke i alle.
Faktisk er det best å konvertere videoinnhold til WebM før du bruker det til webdesign, men også å legge til en MP4-video som alternativ. Da lastes MP4-versjonen inn istedenfor, i de sjeldne tilfellene hvor WebM ikke støttes.
2. Slik optimaliserer du videoene dine med Clipchamp
De to viktigste metodene for optimalisering av video til webdesign er komprimering og konvertering – og du kan gjøre begge deler gratis med Clipchamp Utilities!
Som nevnt ovenfor, er komprimering og konvertering de beste metodene for optimalisering av video til webdesign, og disse hjelper ved å drastisk redusere innlastingstid og ytelse ved avspilling.
Men før det har vi en kjapp anbefaling: Vanligvis foreslår vi å ikke redusere oppløsning og bithastighet for mye, men når det kommer til designvideoer som disse har du litt mer slingringsmonn, siden de i hovedsak spilles av i bakgrunnen på nettsidene. Brukerne retter ikke hele sin oppmerksomhet mot disse videoene, og de vises ofte på mindre skjermer, siden en stor andel av visninger skjer på mobiltelefoner.
HTML5-videoer i sløyfe vises vanligvis under gjennomsiktige lag eller tekstelementer, og må lastes inn og spilles av raskt på alle enheter, uansett hva slags internettforbindelse de har. Derfor er redusert filstørrelse viktigere enn oppløsning. Clipchamps eget nettsted er et godt eksempel på dette i praksis. Tilbake til optimalisering av videoer:
Komprimer videoene dine for HTML5.
Som du kanskje har gjettet, så er vårt gratis nettbaserte videoverktøy for videokonvertering og -komprimering et godt alternativ når målet er å få en liten videofil med god kvalitet.
Det er allerede mye brukt av webdesignere, webutviklere, grafiske designere og innholdsskapere som bruker WordPress, Wix og Squarespace. Det har også blitt anbefalt som et nyttig verktøy av webdesign-bloggere og plattformer for bygging av visuelle nettsteder, som Webflow, spesifikt til bruk av komprimering av bakgrunnsvideoer og videosløyfer til nettsteder.
Clipchamp komprimerer og konverterer videoer lokalt i nettleseren din, før du laster dem opp til serveren, webhotellet eller nettstedsbyggeren. Så det er ikke bare nyttig når videoen er lagt inn på nettstedet – det gjør også opplastingen av video raskere.
Til bruk på nettsteder anbefaler vi generelt å komprimere videoer ned til minst 720p, i enten medium eller lav kvalitet i Clipchamp. Forhåndsinnstillingene Nettside og Mobil er gode alternativer når du eksporterer – Mobil gir litt mindre filer enn Nettside, og en liten, men merkbar reduksjon i kvalitet.
Konverter videoene dine for kompatibilitet med nettlesere.
Med Clipchamp Utilities er det enkelt å konvertere video for bedre kompatibilitet med nettlesere. Det er bare å laste opp videoen og velge format under Tilpass innstillinger, så gjør Clipchamps gratis videokonverter resten:
Hvis du vil legge til en MP4-kopi på nettstedet ditt, er det bare å repetere prosessen og velge MP4 istedenfor.
