Videoiden pakkaaminen

Sivuston HTML5-videoiden optimointi

Clipchamp on maksuton videoeditori verkossaKokeile maksutta
Jaa tämä julkaisu

*Videoiden pakkaaminen on nyt käytettävissä vain Clipchamp Utilities ‑käyttäjille.

Päivitetty viimeksi 15.10.2019.

Videot dominoivat edelleen Internetiä siinä määrin, että niistä on tullut yleinen elementti verkkosuunnittelussa. 

Videot saavat huomiota ja saavat mielikuvituksen laukkaamaan, joten ei ole mikään ihme, että näemme niitä niin monilla sivuilla käyttäjiä houkuttelemassa. Miltei kaikki selaimet tukevat nykyään HTML5-videoita, joten nyt on täydellinen aika lisätä tausta- tai otsikkovideo sivustoosi.

Clipchampilta löytyy hienoja malleja, jotka voivat sopia loistavasti sivustoosi, esimerkiksi tämä kaunis elävä kuva.

Käytä tätä mallia

HTML5-videoiden sivustoosi lisäämiselle on monia hyviä syitä, mutta asiassa on turha hosua. Tähän voi liittyä muutamia ongelmia, joten sinun täytyy optimoida videosi sujuvan suorituskyvyn takaamiseksi. Käsittelemme seuraavia asioita:

  1. Miksi sinun täytyy optimoida videot sivustollesi?

    • Hitaat verkkosivustot menettävät asiakkaita.

    • Kaikki videomuodot eivät ole samanarvoisia.

  2. Miten voit optimoida videoitasi Clipchampilla?

    • Pakkaa HTML5-videosi.

    • Muunna video selainyhteensopivuuden takaamiseksi.

1. Miksi videot täytyy optimoida sivustollesi?

HTML5-videoiden eduilla on hintansa. Automaattisesti toistettava upotettu videosisältö voi hidastaa sivun latautumista, mikä on valtava haitta kävijämäärien kannalta. Saatat myös törmätä ongelmiin, jos videosi eivät ole yhteensopivia asiakkaidesi käyttämien selaimien kanssa.

Hitaat verkkosivustot menettävät asiakkaita.

Jos HTML5-videosi on liian suuri, se voi hidastaa merkittävästi yrityksesi verkkosivustoa. Tämä voi tehdä sivuston käytöstä epämiellyttävää, kun video pysähtyy puskuroimaan sivuston latautuessa. 

Siksi asiasta, jonka pitäisi olla mukava lisä ja sivuston yleisilmettä parantava elementti, voikin tulla kiusankappale kävijöille, jos heidän täytyy odotella kaikkien elementtien latautumista ja näyttämistä oikein.

Desktop and mobile user waiting for video to load

Vaikka hakukoneoptimointisi olisi erinomaista ja loistava tarjontasi houkuttelisi käyttäjiä sivustoosi, heikko käytettävyys voi pilata kaiken. Sen johdosta ihmiset lähtevät pois sivustostasi, mutta myös Google huomioi sen. Sivujen latausajat ja poisklikkausprosentit ovat tärkeitä tekijöitä, jotka vaikuttavat sivustosi Google-sijoitukseen. Muista siis pakata sivustosi videot.

Jos videosisältösi on pilvessä, varmista, että pilvipalveluntarjoajasi takaa nopean lataamisen ja riittävän käytettävyystakuun. Näin voit tarjota videosisällön keskeytyksettä verkkosivustosi kävijöille. Jotkut pilvipalveluntarjoajat tarjoavat maksuttomia kokeiluita palveluistaan.

Hyödynnä selainkäyttöistä videoeditoria .

Palvelu on aina maksuton. Tee ammattimaisia videoita muutamassa minuutissa.

Kaikki videomuodot eivät ole samanarvoisia.

Maailman paraskaan HTML5-video ei auta, jos se ei lataudu selaimella. Kaikkia videotiedostomuotoja ei tueta kaikilla selaimilla, joten sinun on muunnettava videosi. Näin vältät ne nolot tilanteet, joissa upea videosisältösi ei edes lataudu. Tämä on tärkeää, sillä näin varmistat sen, että videosi toimivat mahdollisimman monilla laitteilla ja selaimilla. 

Valitettavasti ei ole olemassa mitään yhtä tiedostomuotoa, joka olisi kaikkein paras, mutta parhaita vaihtoehtoja ovat esimerkiksi WebM (VP8) tai MP4 (H264). Ne latautuvat useimmissa selaimissa, mutta eivät kaikissa. 

Itse asiassa parasta on muuntaa videosisältö WebM-muotoon, ennen kuin käytät sitä verkkosivustossasi, mutta tarjota myös MP4-vaihtoehto. Tällä tavalla niissä harvinaisissa tapauksissa, joissa WebM:ää ei tueta, selain voi ladata sen sijaan MP4-version.

2. Miten voit optimoida videoitasi Clipchampilla?

Kaksi tärkeintä tapaa optimoida videoita verkkosivustollesi ovat pakkaaminen ja muuntaminen – ja voit tehdä molemmat maksutta Clipchamp Utilitiesin avulla!

Kuten edellä mainittiin, kaksi tärkeintä tapaa optimoida videoita verkkokäyttöön ovat pakkaaminen ja muuntaminen. Ne auttavat parantamaan huomattavasti sivun latausaikoja ja toistotehokkuutta. 

Mutta ennen sitä meillä on vielä yksi suositus: laadun takaamiseksi emme yleensä suosittele videoidesi tarkkuuden ja bittinopeuden pienentämistä liikaa, mutta sinulla voi olla hieman enemmän joustavuutta tämän suhteen, jos aiot toistaa videoita pääasiassa sivustosi taustalla Nämä videot eivät ole huomion keskipisteenä, joten niitä voidaan usein näyttää pienemmillä näytöillä, koska suuri osa selaamisesta tapahtuu mobiililaitteilla. 

HTML5-silmukkavideot näytetään yleensä läpinäkyvien kerrosten tai tekstielementtien alla, joten niiden täytyy latautua ja toistua nopeasti millä tahansa laitteella Internet-yhteydestä riippumatta. Siksi pieni koko on tärkeämpää kuin tarkkuus. Clipchampin oma verkkosivusto on itse asiassa hyvä esimerkki tästä neuvosta käytännössä. Nyt takaisin videoiden optimointiin:

Pakkaa HTML5-videosi.

Kuten ehkä arvasitkin, jos tavoitteena on pieni videotiedosto hyvällä laadulla, Clipchampin maksuton verkkovideomuunnin ja pakkaustoiminto ovat hyviä työkaluja avuksi tähän.

Se on jo suosittu verkkosuunnittelijoiden ja verkkokehittäjien, graafisten suunnittelijoiden sekä WordPress-, Wix- ja SquareSpace-sisällöntuottajien keskuudessa. Myös verkkosuunnittelubloggaajat ja Webflow’n kaltaiset visuaaliset sivustoalustat ovat suositelleet sitä hyödyllisenä sovelluksena taustavideoiden ja sivustojen elävien kuvien pakkaamiseen.

Clipchamp enterprise users

Clipchamp pakkaa ja muuntaa videot paikallisesti selaimessasi, ennen kuin lataat ne palvelimeesi, isännöintipalveluusi tai sivustoalustaasi. Siitä on siis hyötyä paitsi silloin, kun video on verkkosivustossa, mutta tämä nopeuttaa myös alkuperäistä latausprosessia.

Sivustokäyttöön suosittelemme yleensä videoiden pakkaamista vähintään 720p-tarkkuuteen Clipchampin keskitason tai matalan laadun asetuksella. Sekä verkko- että mobiiliasetukset ovat myös mahdollisia. Mobiiliasetuksella luodaan pienempi tiedosto kuin verkkoasetuksella hieman pienemmällä näkyvällä laadulla.

Optimize your video for web

Muunna video selainyhteensopivuuden takaamiseksi.

Clipchamp Utilitiesilla voit muuntaa videosi helposti parantaaksesi selainyhteensopivuutta. Lataa vain videosi palveluun ja valitse haluamasi muoto asetusten muokkaamisen kohdasta, niin Clipchampin maksuton muunnostoiminto hoitaa loput:

Select WebM

Jos haluat lisätä MP4-varaversion sivustoosi, toista prosessi, mutta valitse nyt sen sijaan MP4.

Lisää Clipchamp-blogista

Videoiden upottaminen PowerPoint-esitykseen

June 2, 2021
*Videoiden pakkaaminen on nyt käytettävissä vain Clipchamp Utilities ‑käyttäjille…

Videoiden upottaminen Outlook-sähköpostiin

March 8, 2021
*Videoiden pakkaaminen on nyt käytettävissä vain Clipchamp Utilities ‑käyttäjille…

Videoiden toistaminen Chromebookilla

February 22, 2021
Chromebookit ovat oivia pieniä laitteita, joilla on monipuoliset toiminnot. Niillä…

Aloita maksuttomien videoiden luominen Clipchampilla