WWW-grafiikka - Demo 6

Tallenna seuraava kuva editoitavaksi C:-asemalle MyTemp-hakemistoon. Älä tallenna U:-asemalle, koska verkkolevyltä suurien kuvien editoiminen on hyvin hidasta. HUOM! Kuva on erittäin suuri eli tallentaminen voi kestää jonkin aikaa.

• Dscn2621-Perunamaa_ja_ydinvoimala.tif 5.8M

Mallikuvaa saa käyttää ainoastaan demotehtävien harjoittelumateriaalina. Kaikki muu käyttö on kielletty.

Valokuvat

1. Käynnistä Irfanview (Start|Programs|Irfanview|Irfanview 3.75).
2. Avaa äsken tallentamasi kuva Irfanviewilla.
3. Tallenna kuva (File|Save As) heti uudella nimellä PNG-muodossa. Alkuperäisen kuvan päälle ei koskaan kannata tallentaa kuvaa muutosten jälkeen.
4. Rajaa kuvasta haluamasi alue.
5. Pienennä kuva sopivaan kokoon (max. 800x600).
6. Terävöitä kuvaa tarvittaessa.
7. Tallenna kuvan muokattu versio PNG-muodossa. PNG-formaatti on häviötön ja kuvaa voidaan edelleen muokata ilman laadun katoamista.
8. Tallenna kuva WWW-käyttöä varten JPG-muodossa. Valokuvia käytetään WWW:ssä aina JPG-muodossa. JPG-muodossa tallennettua kuvaa ei kannata enää muokata vaan myöhemmin tarvittavat muutokset pitää tehdä PNG-muotoiseen kuvaan ja tallentaa aina tarvittaessa uusi WWW-versio JPG-muodossa.
9. Valitse oikea formaatti kohtaa Save as type
10. Formaatin valinnan jälkeen pääset muokkaamaan kuvan asetuksia options-nappulalla aukeavasta dialogista. Tallentaessasi jpg-muodossa muista säätää kuvan pakkausteho mahdollisimman suureksi ilman, että kuvan laadussa on silminhavaittavaa heikentymistä. Agoranetin koneissa Irfanview ei kuitenkaan toimi täydellisesti ja jpg:n pakkaustehosäätö ei oikeasti muutu vaikka sitä tallentaessa säätäisikin :-( Kokeilkaa kotikoneissa hakemalla itsellenne Irfanview.
11. Käy kokeilemassa JPG-pakkauksen toimintaa JPEG Wizard -palvelulla, jonka avulla voit optimoida JPG-kuvan mahdollisimman pieneksi.
    • E-mail-kohtaan ei tarvitse täyttää mitään
    • Browse-nappulan avulla pääset etsimään äsken tallentamasi kuvan
    • Jos haluat voit kokeilla muutella JPG-pakkauksen asetuksia Compression-kohtiin.
    • Muihin kohtiin ei tarvitse koskea.
    • Vertaile ohjelman antamia versioita kuvastasi ja tutki paljonko niillä säästyy levytilaa ja mahdollisen WWW-sivun latausaikaa.

Kaaviokuvat

• Tallenna seuraava kaaviokuva C:\MyTemp-kansioon.
  • Esimerkkikaavio
• Jos kyseessä on jokin muu kuin valokuva eli esimerkiksi piirros- tai kaavio-tyyppinen kuva niin kannattaa pudottaa kuvassa käytettävien värien määrä minimiin.
  1. Tiettyyn värimäärään muuttaminen onnistuu valinnalla Image|Decrease Color Depth
  2. Colors-kohtaan valitse haluamasi värimäärä. Valitse kokeilemalla mahdollisimman vähäinen määrä värejä joilla kuva vielä näyttää hyvältä.
• Tallenna kuva PNG-muodossa ja myös GIF-muodossa.
• Kokeile saako GifCruncher-ohjelma optimoitua edellä tallentamaasi GIF-versiota vieläkin pienemmäksi.

Mustavalkokuvat

Mustavalkokuvat tulevat monesti aivan vahingossa tallennettua turhan monen värin paletilla ja vievät siten turhaan tilaa. Kopioi seuraava kuva. Vähennä värimäärä kahteen. Tallenna kuva gif-muodossa.

• Mustavalkoinen kuva

Läpinäkyvät kuvat

Usein halutaan että sivun taustaväri näkyy läpi kuvan taustavärin kohdalta jolloin kuvaa voi käyttää helposti melkein minkävärisellä sivulla tahansa. PNG- tai GIF-tiedostomuodot tukevat myös läpinäkyvyyttä. Läpinäkyvyyden määrittely onnistuu helposti kunnollisilla kuvankäsittelyohjelmilla esim. Paint Shop Pro. Agoranetin koneista ei kuitenkaan löydy sopivaa ohjelmaa (valittakaa mikrotuelle) joten joudumme käyttämään muita konsteja:

• Muuta kaaviokuva kaavio.gif läpinäkyväksi seuraavien ohjeiden mukaisesti TransWeb-palvelun avulla.
• Anna ohjelmalle kuvan osoite (URL).
• TransWeb hakee kuvan näkyviin ja odottaa että klikkaat kuvasta sellaista kohtaa jossa esiintyy läpinäkyväksi haluamasi väri.
• Tallenna läpinäkyvä kuva haluamallesi nimelle U:-asemalle.

Rajaus

Rajaa kuvasta käyttöösi vain haluamasi alue.

1. Rajaa hiirellä kuvasta haluamasi alue
2. Tee kuvan lopullinen rajaus Edit|Crop -valinnalla.

Kuvan koko

800x600 pikseliä on hyvä maksimikoko kuvalle WWW-käytössä. Varmista siis ettei kuvasi korkeus ole suurempi kuin 800 pikseliä eikä leveys yli 600 pikseliä. Jos haluat käyttää isompia niin tee pienemmästä kuvasta linkki isompaan ja mahdollisesti varoita käyttäjää suurikokoisesta kuvasta.

1. Kuvan kokoa voit muuttaa valinnalla Image|Resize|Resample
2. Muuta kuvan kokoa joko prosentteina tai pikseleinä sopivaksi
3. Varmista, että Preserve aspect ratio-kohta on valittuna, koska muuten kuvan suhteet voivat vääristyä.

Efektit

Kuvankäsittelyohjelmissa on lukemattomia erilaisia efektityökaluja. Tärkeimpiä ovat terävöinti ja pehmennys.

Terävöinti

Terävöinti tapahtuu valinnalla Image|Sharpen

Pehmennys

Pehmennys tapahtuu valinnalla Image|Effects|Blur. Voit Kokeilla myös muita Effects-valikon alta löytyviä työkaluja. Edit|Undo peruuttaa tarvittaessa muutokset.

Muut efektit

Kokeile myös muita Image|Effects-valikosta löytyviä efektejä demojen lopuksi, jos sinulla jäi aikaa!

Kuvan kääntäminen

Esimerkiksi digikameralla otettuja kuvia joudutaan usein kääntämään oikeaan asentoon. Kokeile Rotate Left ja Rotate Right -komentojen toimintaa johonkin kuvaan!