Kuvien lisääminen esittelytekstiesi lomaan on kohtuullisen helppoa ja kätevää Image Assist -toiminnon eli Kuva-avustajan ansiosta.

Pääset käsiksi Kuva-avustajaan klikkaamalla sen kuvaketta, joka löytyy kirjoitusruudun alapuolelta vasemmalta:

Suppeat01

Avustajasta voit sekä ladata kuvia palvelimelle (käytettäväksi tässä tai jossain muussa esittelysivujesi tekstissä) että sijoittaa jo lataamiasi kuvia tekstin joukkoon.

Kuvien tekniset vaatimukset

Jos kuvatiedosto, jonka olet lisäämässä tekstiisi, on kovin suuri, se on syytä ennen sivuille lataamista käsitellä kuvankäsittelyohjelmassa pienemmäksi.

  • Kuvatiedoston resoluution (pisteitä tuumaa kohti, dots per inch eli dpi) on hyvä olla nettikäytössä 72.
  • Kuvan leveys ei saisi yleensä olla yli 300 pikseliä (px). Tätä leveämmät kuvat rikkovat helposti sivujen ulkoasun, jos sivuillasi kävijällä on käytössään pieni näyttö. Tällöin koko tekstille varattu tila eli sivun keskipalsta saattaa jäädä kapeammaksi kuin kuva, mikä saattaa aiheuttaa ulkoasun hajoamista joillakin nettiselaimilla.
  • Kuvatiedoston koko ei saisi olla juuri yli 100 kilotavua; tätä suuremmat tiedostot tuottavat hitaampien nettiyhteyksien käyttäjille ongelmia.

Uuden kuvan lataaminen palvelimelle

Kun olet kerran ladannut kuvan palvelimelle, se on käytettävissäsi sen jälkeen muissakin esittelysivujesi teksteissä.

Kuvan lataus tapahtuu jommalla kummalla seuraavista tavoista:

A) Tekstin kirjoittamisen / muokkaamisen yhteydessä

Jos haluat kesken tekstin kirjoittamisen tai muokkaamisen ladata palvelimelle kuvan, se onnistuu kätevimmin edellä mainitulla Image Assist -toiminnolla. Klikkaa toiminnon kuvaketta kirjoitusruudun alapuolella:

Suppeat01

Tällöin eteesi aukeaa erillinen ikkuna uuden kuvan latausta varten. Klikkaa siitä ”add image” päästäksesi lisäämään uusia kuvia:

Suppeat02

...ja seuraavassa ruudussa anna palvelimelle ladattavan kuvan tiedot:

  • Anna kohdassa ”Otsikko” kuvalle jonkinlainen kuvateksti
  • Kohdasta ”Kuvagalleria” ei tarvitse välittää, siinä on valmiiksi oikea asetus (eli oma nimesi).
  • Kohdassa ”Image” klikkaa ”Browse” -nappia ja valitse omalta koneeltasi haluamasi kuvatiedosto (varmista ensin, että se täyttää tekniset vaatimukset)
  • Kohtaan ”Selite” voit kirjoittaa tarkemman kuvauksen siitä, mitä kuvassa näkyy.
  • Lopuksi klikkaa ikkunan  alalaidasta ”Lähetä”:

Suppeat03

B) Kuvien syöttäminen etukäteen

Halutessasi voit myös ladata palvelimelle kuvia klikkaamalla vasemman laidan valikosta kohtaa "Luo sisältöä" ja valitsemalla siitä "sivun" sijasta luotavan sisällön tyypiksi "kuvan":

Suppeat04

Tällä menetelmällä ei ole mitään varsinaista eroa kohdassa (A) kuvattuun kuvien syöttötapaan; menetelmä onkin kuvattuna näissä ohjeissa vain varmuuden vuoksi.

Valittuasi kohdat "Luo sisältöä" ja "kuva" pääset ruutuun, jossa sinun tulee antaa palvelimelle ladattavan uuden kuvan tiedot:

Suppeat05

Kysytyt tiedot ovat samat jotka kuvattiin edellä kohdassa (A):

  • Anna kohdassa ”Otsikko” kuvalle jonkinlainen kuvateksti
  • Kohdasta ”Kuvagalleria” ei tarvitse välittää, siinä on valmiiksi oikea asetus (eli oma nimesi).
  • Kohdassa ”Image” klikkaa ”Browse” -nappia ja valitse omalta koneeltasi haluamasi kuvatiedosto (varmista ensin, että se täyttää tekniset vaatimukset)
  • Kohtaan ”Selite” voit kirjoittaa tarkemman kuvauksen siitä, mitä kuvassa näkyy.
  • Lopuksi klikkaa sivun  alalaidasta ”Lähetä

Kuvan lisääminen tekstin joukkoon

Hyvä on, haluamasi kuva on nyt ladattu palvelimelle. Mutta miten saat sen tekstin joukkoon?

Helposti – taas kuva-avustajaa käyttämällä. Klikkaa Image Assist – toiminnon kuvaketta:

Suppeat01

... niin sinulle aukeaa ikkuna, josta pääset valitsemaan tekstiin lisättävän kuvan. Valitse siitä ”my images”:

Suppeat06

...niin saat näkyviin ne kuvat, jotka juuri sinä olet aiemmin ladannut palvelimelle ja joihin juuri sinulla on käyttöoikeus – siis omat kuvasi:

Suppeat07

Klikkaa nyt omien kuviesi joukosta sitä kuvaa, jonka olet lisäämässä kirjotukseesi. Näkyviin ilmestyy joukko valintoja, joista yhteen pitää kinnittää erityistä huomiota:

Suppeat08

Kyse on kohdasta "Image to use" (ylläolevassa kuvassa punaisen neliön sisällä). Tästä voit valita asetukseksi:

  • "original" = kuva esitetään oikeassa alkuperäisessä koossaan
  • "thumbnail" = kuvasta näytetään (max) 75 pikseliä leveä nk. pienoiskuva eli thumbnail, joka siitä on luotu automaattisesti siinä yhteydessä, kun kuva ladattiin palvelimelle; pienoiskuvasta on linkki alkuperäiseen kuvaan.

Nyrkkisääntönä voisi sanoa, että järkevän kokoinen (eli maksimissaan 200-300 pikseliä leveä) kuva voidaan näyttää tekstin yhteydessä originaalikoossaan. Sitä suurempi kuva tulisi ehdottomasti liittää tekstiin vain thumbnailina eli pienoiskuvana!

Lopuksi klikkaa ”Insert image” ikkunan alalaidasta. Tällöin kuva – tai oikeastaan sitä edustava koodi – ilmestyy tekstisi joukkoon siihen kohtaan, missä kohdistin sijaitsi kirjoitusruudussa:

Suppeat09

Kuvaa merkitsevä koodinpätkä voi olla hieman luotaantyöntävä, mutta sitä ei kannata hätkähtää – kun olet tallentanut kirjoituksesi, koodi näkyy kyllä lopullisessa versiossa oikeana kuvana!

Jaa sivu: