toggle mobile menu

Kuvien käyttäminen verkkosivuilla


Kuvaeditorin avulla lisäät sisältöelementteihin kuvia. Kuvat voidaan rajata alueen kokoisiksi (crop) tai asemoida alueen sisälle (fit).

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat kuvia

LiquidBlox image editor - adding a new file

Kilkkaa kuvan päällä avataksesi se kuvaeditorissa (image editor).


  1. Valitse aiemmin ladattu kuva arkistosta (archive)
  2. Lataa uusi kuva tietokoneeltasi. Suositellun kuvakoon leveys ja korkeus näkyvät pikseleinä näytöllä (.jpg ja .png -tiedostomuodot ovat käytettävissä)
LiquidBlox image editor - image cropping

Kuva rajataan täyttämään kuva-alue Crop-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image fitting

Kuva asemoidaan kuva-alueen sisälle Fit-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image alt text

Klikkaa kuvaelementin päällä avataksesi kuvaeditorin (image editor) uudelleen.


  1. Korvaa kuva uudella kuvalla 
  2. Muokkaa kuvan rajausta tai asemointia 
  3. Poista kuva 
  4. Ota automaattinen zoom-ominaisuus pois käytöstä (kuvan suurennus klikkaamalla julkaistulla sivulla)  
  5. Lisää kuvalle Alt-teksti (Parannat hakukoneoptimointia lisäämällä hakutermejä Alt-tekstiin)

Kuvien käyttäminen verkkosivuilla


Kuvaeditorin avulla lisäät sisältöelementteihin kuvia. Kuvat voidaan rajata alueen kokoisiksi (crop) tai asemoida alueen sisälle (fit).

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat kuvia

LiquidBlox image editor - adding a new file

Kilkkaa kuvan päällä avataksesi se kuvaeditorissa (image editor).


  1. Valitse aiemmin ladattu kuva arkistosta (archive)
  2. Lataa uusi kuva tietokoneeltasi. Suositellun kuvakoon leveys ja korkeus näkyvät pikseleinä näytöllä (.jpg ja .png -tiedostomuodot ovat käytettävissä)
LiquidBlox image editor - image cropping

Kuva rajataan täyttämään kuva-alue Crop-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image fitting

Kuva asemoidaan kuva-alueen sisälle Fit-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image alt text

Klikkaa kuvaelementin päällä avataksesi kuvaeditorin (image editor) uudelleen.


  1. Korvaa kuva uudella kuvalla 
  2. Muokkaa kuvan rajausta tai asemointia 
  3. Poista kuva 
  4. Ota automaattinen zoom-ominaisuus pois käytöstä (kuvan suurennus klikkaamalla julkaistulla sivulla)  
  5. Lisää kuvalle Alt-teksti (Parannat hakukoneoptimointia lisäämällä hakutermejä Alt-tekstiin)
toggle mobile menu

Kuvien käyttäminen verkkosivuilla


Kuvaeditorin avulla lisäät sisältöelementteihin kuvia. Kuvat voidaan rajata alueen kokoisiksi (crop) tai asemoida alueen sisälle (fit).

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat kuvia

LiquidBlox image editor - adding a new file

Kilkkaa kuvan päällä avataksesi se kuvaeditorissa (image editor).


  1. Valitse aiemmin ladattu kuva arkistosta (archive)
  2. Lataa uusi kuva tietokoneeltasi. Suositellun kuvakoon leveys ja korkeus näkyvät pikseleinä näytöllä (.jpg ja .png -tiedostomuodot ovat käytettävissä)
LiquidBlox image editor - image cropping

Kuva rajataan täyttämään kuva-alue Crop-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image fitting

Kuva asemoidaan kuva-alueen sisälle Fit-asetuksella.


Vinkki: Käytä hiiren rullaa (scroll wheel) kuvan koon muokkaamiseen.

LiquidBlox image editor - image alt text

Klikkaa kuvaelementin päällä avataksesi kuvaeditorin (image editor) uudelleen.


  1. Korvaa kuva uudella kuvalla 
  2. Muokkaa kuvan rajausta tai asemointia 
  3. Poista kuva 
  4. Ota automaattinen zoom-ominaisuus pois käytöstä (kuvan suurennus klikkaamalla julkaistulla sivulla)  
  5. Lisää kuvalle Alt-teksti (Parannat hakukoneoptimointia lisäämällä hakutermejä Alt-tekstiin)