---
title: Kuvan lisääminen
description: "## Miten lisään kuvaelementin? Lisää kuva etsimällä ja valitsemalla hakupalkista **Image (Adv) -lohkoelementti**. Tämä on Kadencen oma kuvaelementti, jossa on monipuolisemmat muotoiluvaihtoehdot, kuin perinteisessä kuvaelementissä. ![Kuvan lisaaminen 1](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvan-lisaaminen-1.jpg) Tämän jälkeen valitse **\"Select Image\"**. ![Kuvan lisaaminen 2](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvan-lisaaminen-2.jpg) Avautuvasta mediakirjastosta valitse haluamasi…"
url: "https://ohjeet.helpotkotisivut.fi/ohje/kuvan-lisaaminen/"
updated: "2025-08-20"
category: Media
---

# Kuvan lisääminen

## Miten lisään kuvaelementin?

Lisää kuva etsimällä ja valitsemalla hakupalkista **Image (Adv) -lohkoelementti**. Tämä on Kadencen oma kuvaelementti, jossa on monipuolisemmat muotoiluvaihtoehdot, kuin perinteisessä kuvaelementissä.

![Kuvan lisaaminen 1](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvan-lisaaminen-1.jpg)

Tämän jälkeen valitse **"Select Image"**.

![Kuvan lisaaminen 2](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvan-lisaaminen-2.jpg)

Avautuvasta mediakirjastosta valitse haluamasi kuva. Voit myös lisätä uuden kuvan mediakirjastoon vetämällä ja pudottamalla sen tietokoneesi tiedostoista.

![Kuvan lisaaminen 3](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvan-lisaaminen-3-1024x519.jpg)

## Muokkaustoiminnot

Kuvan muokkausvaihtoehdoista voit muokata muun muassa kuvan kokoa ja muotoa sekä "style" -välilehdeltä kuvan reunojen pyöreyttä.

![Kuvanmuokkaus](https://ohjeet.helpotkotisivut.fi/wp-content/uploads/2022/06/kuvanmuokkaus.webp)

**Huom!** Ladattavat kuvat olisi hyvä olla WEBP-muodossa ja tiedostokooltaan max 100 kt, jotta suuret tiedostot eivät hidasta sivuston toimintaa.