Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Kuvien ja Grafiikoiden Käyttö | Portfoliosivuston Suunnittelu
Verkkokehitys Wixillä

bookKuvien ja Grafiikoiden Käyttö

Keskeiset oppimistulokset

Tämän luvun suoritettuasi osaat:

  • Ymmärtää korkealaatuisten kuvien ja grafiikoiden käytön merkityksen;
  • Sisällyttää kuvia ja grafiikkaa tavalla, joka parantaa verkkosivustosi visuaalista vetovoimaa;
  • Soveltaa parhaita käytäntöjä kuvien ja grafiikoiden optimointiin verkkokäyttöä varten.

Kuvat ja grafiikat ovat olennaisia elementtejä visuaalisesti houkuttelevalla verkkosivustolla. Ne auttavat kertomaan tarinasi, korostamaan työtäsi ja luomaan vuorovaikutteisemman kokemuksen kävijöillesi.

Käytä Wixin mediakirjastoa ladataksesi ja tallentaaksesi korkealaatuiset mediatiedostot, jotka olet kerännyt sivustoasi varten. Mediakirjasto ei ainoastaan tallenna mediaa, vaan sen avulla voit myös luoda ja muokata kuvia ja videoita sekä etsiä arkistokuvia luotettavilta kolmannen osapuolen tarjoajilta samanaikaisesti.

Huomioi seuraavat parhaat käytännöt kuvien ja grafiikoiden käytössä

  • Laatu: Käytä korkealaatuisia, selkeitä ja hyvin sommiteltuja kuvia;
  • Merkityksellisyys: Varmista, että kuvat ja grafiikat ovat sisällöllesi ja kohdeyleisöllesi sopivia;
  • Optimointi: Optimoi kuvat nopeampaa latausaikaa varten laadusta tinkimättä;
  • Yhtenäisyys: Säilytä yhtenäinen tyyli ja teema kaikissa verkkosivustolla käytetyissä kuvissa ja grafiikoissa;
  • Alt-teksti: Lisää kuviin kuvaileva alt-teksti saavutettavuuden ja hakukoneoptimoinnin parantamiseksi.

Parhaiden käytäntöjen vinkit

  • Kuvatiedostomuodot: Käytä sopivia kuvatiedostomuotoja (esim. JPEG valokuville, PNG grafiikoille, joissa on läpinäkyvyyttä);
  • Responsiivinen suunnittelu: Varmista, että kuvat ovat responsiivisia ja näyttävät hyviltä kaikilla laitteilla;
  • Pakkaus: Käytä työkaluja kuvien pakkaamiseen ja tiedostokoon pienentämiseen laadusta tinkimättä.

1. Miksi on tärkeää käyttää korkealaatuisia kuvia verkkosivustollasi?

2. Mitä tulisi tehdä kuvien optimoimiseksi verkkoa varten?

question mark

Miksi on tärkeää käyttää korkealaatuisia kuvia verkkosivustollasi?

Select the correct answer

question mark

Mitä tulisi tehdä kuvien optimoimiseksi verkkoa varten?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

What are some recommended tools for compressing images?

How do I add alt text to images for better accessibility?

Can you explain the difference between JPEG and PNG formats?

Awesome!

Completion rate improved to 2.94

bookKuvien ja Grafiikoiden Käyttö

Pyyhkäise näyttääksesi valikon

Keskeiset oppimistulokset

Tämän luvun suoritettuasi osaat:

  • Ymmärtää korkealaatuisten kuvien ja grafiikoiden käytön merkityksen;
  • Sisällyttää kuvia ja grafiikkaa tavalla, joka parantaa verkkosivustosi visuaalista vetovoimaa;
  • Soveltaa parhaita käytäntöjä kuvien ja grafiikoiden optimointiin verkkokäyttöä varten.

Kuvat ja grafiikat ovat olennaisia elementtejä visuaalisesti houkuttelevalla verkkosivustolla. Ne auttavat kertomaan tarinasi, korostamaan työtäsi ja luomaan vuorovaikutteisemman kokemuksen kävijöillesi.

Käytä Wixin mediakirjastoa ladataksesi ja tallentaaksesi korkealaatuiset mediatiedostot, jotka olet kerännyt sivustoasi varten. Mediakirjasto ei ainoastaan tallenna mediaa, vaan sen avulla voit myös luoda ja muokata kuvia ja videoita sekä etsiä arkistokuvia luotettavilta kolmannen osapuolen tarjoajilta samanaikaisesti.

Huomioi seuraavat parhaat käytännöt kuvien ja grafiikoiden käytössä

  • Laatu: Käytä korkealaatuisia, selkeitä ja hyvin sommiteltuja kuvia;
  • Merkityksellisyys: Varmista, että kuvat ja grafiikat ovat sisällöllesi ja kohdeyleisöllesi sopivia;
  • Optimointi: Optimoi kuvat nopeampaa latausaikaa varten laadusta tinkimättä;
  • Yhtenäisyys: Säilytä yhtenäinen tyyli ja teema kaikissa verkkosivustolla käytetyissä kuvissa ja grafiikoissa;
  • Alt-teksti: Lisää kuviin kuvaileva alt-teksti saavutettavuuden ja hakukoneoptimoinnin parantamiseksi.

Parhaiden käytäntöjen vinkit

  • Kuvatiedostomuodot: Käytä sopivia kuvatiedostomuotoja (esim. JPEG valokuville, PNG grafiikoille, joissa on läpinäkyvyyttä);
  • Responsiivinen suunnittelu: Varmista, että kuvat ovat responsiivisia ja näyttävät hyviltä kaikilla laitteilla;
  • Pakkaus: Käytä työkaluja kuvien pakkaamiseen ja tiedostokoon pienentämiseen laadusta tinkimättä.

1. Miksi on tärkeää käyttää korkealaatuisia kuvia verkkosivustollasi?

2. Mitä tulisi tehdä kuvien optimoimiseksi verkkoa varten?

question mark

Miksi on tärkeää käyttää korkealaatuisia kuvia verkkosivustollasi?

Select the correct answer

question mark

Mitä tulisi tehdä kuvien optimoimiseksi verkkoa varten?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6
some-alt