Kuvat, valokuvaus ja visuaalinen sisältö

Opi valitsemaan, optimoimaan ja käyttämään kuvia verkkosivustollasi niin, että ne latautuvat nopeasti, näyttävät ammattimaisilta ja tukevat viestiäsi.

Kaikki visuaalisesta suunnittelustaMikä on hero-kuva ja miten valitset sen

Hero-kuva on sivun yläosan iso kuva, joka tukee pääviestiä. Tässä luvussa käydään läpi hero-kuva ja se, miten voit hyödyntää sitä verkkosivullasi ja…

Lue lisää
Kaikki visuaalisesta suunnittelustaMikä on hero-kuva verkkosivulla

Hero-kuva verkkosivulla tarkoittaa tärkeiden sivujen päähuomiota herättävää bannerikuvaa. Tässä luvussa käydään läpi, mikä hero-kuva on ja miten voit…

Lue lisää
Kaikki visuaalisesta suunnittelustaMitä on kuvien SEO

Kuvien SEO optimoi tiedostonimet, vaihtoehtoiset tekstit, koon ja muodon niin, että kuvat tukevat näkyvyyttä hauissa. Tässä luvussa käydään läpi kuvat…

Lue lisää
Kaikki visuaalisesta suunnittelustaAlt-tekstien esimerkit ja parhaat käytännöt

Alt-tekstien esimerkit kuvaavat kuvan sisällön ja tehtävän tiiviisti ja selkeästi. Tässä luvussa käydään läpi alt-tekstien esimerkit ja se, miten voit…

Lue lisää
Kaikki visuaalisesta suunnittelustaKuvatiedostotyypit selitettynä

Yleisiä kuvatiedostotyyppejä ovat JPEG, PNG, WebP, SVG ja GIF, ja niillä kaikilla on omat käyttötarkoituksensa. Tässä luvussa käydään läpi…

Lue lisää
Kaikki visuaalisesta suunnittelustaNäin optimoit kuvat verkkosivullesi

Kuvien optimointi verkkoon pienentää tiedostokokoa ja säilyttää samalla riittävän kuvanlaadun. Tässä luvussa käydään läpi kuvien optimointi verkkoon…

Lue lisää
Kaikki visuaalisesta suunnittelustaNäin valitset oikeat kuvat verkkosivullesi

Verkkosivun kuvien pitäisi tukea viestiäsi, sopia brändin sävyyn ja tuntua aidoilta. Tässä luvussa käydään läpi verkkosivun kuvat ja se, miten voit…

Lue lisää
Kaikki visuaalisesta suunnittelustaMitä on negatiivinen tila valokuvauksessa

Negatiivisen tilan valokuvauksessa jätetään tyhjiä alueita, jotka korostavat kohdetta. Tässä luvussa käydään läpi negatiivisen tilan valokuvaus ja se,…

Lue lisää
Kaikki visuaalisesta suunnittelustaVerkkosivun taustakuvat, jotka toimivat

Verkkosivun taustakuvien pitää olla vähäkontrastisia tekstin takana tai peitetty vahvalla kerroksella. Tässä luvussa käydään läpi verkkosivun…

Lue lisää
Kaikki visuaalisesta suunnittelustaNäin käytät kuvapankkikuvia ilman geneeristä ilmettä

Verkkosivujen kuvapankkikuvat toimivat, kun ne sopivat väripalettiisi, rajataan omaperäisesti ja yhdistetään oikeisiin kuviin. Tässä luvussa käydään…

Lue lisää
Kaikki visuaalisesta suunnittelustaKuvakoot sosiaaliseen mediaan ja verkkosivuille

Sosiaalisen median kuvakoot vaihtelevat kanavan ja sijoituspaikan mukaan, joten valmiit vientiasetukset säästävät aikaa. Tässä luvussa käydään läpi…

Lue lisää
Kaikki visuaalisesta suunnittelustaNäin kirjoitat kuvien alt-tekstit

Kuvien alt-teksti kuvaa sisällön ja tarkoituksen mahdollisuuksien mukaan noin 125 merkillä. Tässä luvussa käydään läpi kuvien alt-teksti ja se, miten…

Lue lisää
Kaikki visuaalisesta suunnittelustaMiksi kuvien laatu on tärkeää brändillesi

Kuvien laatu brändissä viestii ammattimaisuudesta jo ennen kuin kävijät lukevat tekstin. Tässä luvussa käydään läpi kuvien laatu brändissä ja se,…

Lue lisää

Ota se heti käyttöön
omalla verkkosivullasi.

Aloita ilmaiseksi WEMASYlla ja rakenna sivusi muutamassa minuutissa.