Ang Kumpletong Kurso sa Bilis ng Website

Kabanata 4: Mga Video at Animasyon

Solar GOAT - Mockup

Dagdagan ang Pakikipag-ugnayan at Makakuha ng Atensyon

Ang mga video at animation ay maaaring maging isang mahusay na paraan upang mapataas ang pakikipag-ugnayan at mapanatili ang atensyon sa iyong website. Ngunit, hindi iyon mahalaga kung hindi naglo-load ang page bago mag-click ang user.

Ang susi ay ang paggamit ng mga tamang format ng file at siguraduhing hindi ka lumampas sa mga animation. Hindi mo kailangang mag-animate lahat ng bagay sa iyong website.

Mga video

Ang mga video ay mahusay kapag ginamit upang ipakita ang isang produkto o kung gusto mong magpakita ng mas kapani-paniwalang testimonial mula sa iyong kliyente. Ngunit, kailangan mong maging maingat sa kung paano mo idagdag ang mga ito.

Pinakamahusay na kasanayan: I-upload ang iyong mga video sa YouTube o Vimeo, pagkatapos ay i-embed ang mga ito sa iyong website

Karaniwang may malalaking sukat ng file ang mga video, gugustuhin mong iwasan ang pagho-host ng mga video sa mga server ng iyong sariling website.

Screenshot ng pahina ng MP4 to WEBM Converter ng CloudConvert na may madilim na header, isang pulang Select File button, at mga opsyon upang ayusin ang resolution at aspect ratio para sa conversion ng video.

Hindi makapag-upload sa YouTube? Gumamit ng WebM

Kung, sa ilang kadahilanan, hindi mo mai-embed ang video at kailangan mong i-upload ito nang direkta sa iyong website, tiyaking ginagamit mo ang tamang format ng file. Gamitin ang format ng WebM file at tiyaking i-compress mo ang iyong mga video bago mag-upload.

Kung ang iyong video ay kasalukuyang wala sa WebM, maaari mo itong i-convert sa ibang format ng file gamit ang cloud convert.

Animasyon

Ang mga animation ay isang mahusay na paraan upang idirekta ang atensyon ng user sa pinakamahalagang bahagi ng iyong website, o hikayatin silang patuloy na mag-scroll pababa sa isang mahabang pahina. Ngunit, ang bawat animation na iyong idaragdag ay magdaragdag ng karagdagang oras ng paglo-load sa iyong pahina.

Kailan Gamitin ang Mga Animasyon

  • Bigyan ng pansin ang isang partikular na elemento.
  • Ipakita kung paano ginagamit ang isang produkto.

Kailan Hindi Gumamit ng Mga Animasyon

  • Sa bawat solong elemento ng isang pahina.
  • Sa mga mobile device.

Mga Uri ng Animasyon

CSS/JavaScript

Maaaring gamitin ang mga animation ng CSS at JavaScript para sa mga simpleng paggalaw, tulad ng paggawa ng elemento o button na "Jump". Maaari kang magbasa nang higit pa tungkol sa mga ganitong uri ng mga animation dito.

GIF

Maaaring gamitin ang mga GIF upang magpakita ng mga animated na character, ngunit maaari silang mag-load nang mabagal. Inirerekomenda na gumamit ng MP4 o WebM sa halip na GIF.