2. Kuvan koon muokkaus, kääntäminen ja rajaus
Kuva tarvitsee usein pientä muokkausta, ennen kuin se voidaan julkaista. Tällaisia perustoimenpiteitä ovat muun muassa
Kun palautat kuvan blogiin, niin määritä tekstieditorissa kuvaa lisätessäsi, että kuva näytetään alkuperäisessä koossaan (ks. ohjeita Info-sivulta). Kerro blogipostissa sekä alkuperäisestä kuvasta kirjaamasi tiedot että uudet tiedot. Arvioi vastauksessasi syitä tiedostokoossa tapahtuneisiin muutoksiin. Muista mainita kuvaajan nimi ja linkki alkuperäiselle kuvasivulle, jos kuva on peräisin verkkolähteestä, sekä tarvittaessa (kuvaajan niin pyytäessä) muita tietoja, kuten kuvan julkaisussa käytetty lisenssi.
- kuvan koon muokkaus
- kuvan kääntäminen
- kuvan rajaus
Tässä osiossa käydään nämä läpi. Aloitetaan ensiksi mainitusta: kuvan koon muokkaus on sen verran tärkeä asia ymmärtää hyvin, että sille on syytä omistaa kokonainen enemmänkin tilaa.
2.1 Kuvan koon muokkaus
Kuvan koon muokkaaminen tarkoittaa yleensä kuvan leveyden, korkeuden ja/tai resoluution muokkausta. Useimmissa kuvankäsittelyohjelmissa näitä ominaisuuksia voi muuttaa samassa paikassa. Ennen kuvan koon muokkausta on hyvä havaita eräs seikka.
Leveyden ja korkeuden muokkauksessa on tärkeää tietää, halutaanko kuvan mittasuhteet säilyttää. Useimmissa kuvankäsittelyohjelmissa on kuvan koon muokkausikkunassa tähän liittyvä valinta (esim. Constrain Proportions / Säilytä mittasuhteet tai esim. GIMPissä ketjukuvake leveyden ja korkeuden välillä).
Kuvan koko näytöllä on muokattavissa
Kuvankäsittelyohjelmassa näytöllä näkyvä kuvan koko ei välttämättä kerro todellisuutta. Ohjelmassa kuva avautuu useimmiten sen kokoisena, että se näppärästi mahtuu näytölle. Yleensä onkin mahdollista säätää kuvan tarkastelukokoa niin, että kuvan koko näytöllä on esimerkiksi 50 % tai 200 % sen todellisesta koosta. Hyvin suuri kuva on siis mahdollista mahduttaa näytölle pienentämällä sen tarkastelukokoa. Toisaalta jotain kuvan yksityiskohtaa voi muokata helpommin, kun kuvan kasvattaa kuvan tarkastelukokoa - siis zoomaa lähemmäs.
![]() |
| Kuvan tarkastelukoko näytöllä GIMP-ohjelmassa. Tässä esimerkissä se on 100 % eli kuva näytetään alkuperäisessä koossaan |
Löydätkö kuvan tarkastelukoon muokkaamiseen tarvittavan toiminnon omasta kuvankäsittelyohjelmastasi?
Kuvan leveys, korkeus ja mittasuhteet
![]() |
| GIMP-ohjelman ketjukuvake. |
- Jos kuvan mittasuhteet säilytetään, niin korkeuden muuttaminen muokkaa samassa suhteessa myös leveyttä ja päinvastoin. Tällöin kuva säilyy ns. realistisena.
- Jos kuvan mittasuhteita ei säilytetä, niin sekä leveyttä että korkeutta voidaan muokata ilman, että toisen arvon muokkaus vaikuttaa toiseen.
![]() |
Tämän kuvan koko leveys on 500 px ja korkeus 375 px.
Kuva: Rich / Flickr. CC BY-NC-SA 2.0. |
![]() |
| Tässä sama kuva on pienempänä, 400 x 300 px. Kuvan mittasuhteet on säilytetty eli korkeutta ja leveyttä on pienennetty samassa suhteessa. |
![]() |
| Tämän kuvan koko on 400 x 200 px, eli sen korkeutta on pienennetty suhteessa enemmän kuin leveyttä. Koira on litistynyt, ja lopputulos on jo varsin epärealistinen. |
Kuvan koko ja laatu - mitä olisi hyvä huomata?
Karkeana yleissääntönä voidaan sanoa, että jos kuvaa pienentää ja tallentaa muutokset, kuvaa ei enää myöhemmin saa palautettua alkuperäisen kokoiseksi laadun kärsimättä.
Vinkki: Kuvankäsittelyssä hyvä käytäntö on tallentaa kuva toisella nimellä ennen sen muokkausta. Näin alkuperäiseen kuvaan ei tallennu peruuttamattomia muutoksia.Koska rasterikuva (eli bittikarttakuva) muodostuu pikseleistä, niin niitä on kuvassa tietty määrä. Tämähän on silkkaa matematiikkaa:
- Jos kuvan leveys on 400 px ja korkeus on 100 px, niin kuvassa on yhteensä 400 x 100 px = 40 000 px.
- Jos kuvaa pienennetään niin, että uusi leveys on 300 px ja korkeus 75 px, niin kuvassa on yhteensä 300 x 75 px = 22 500 px.
- Kuvan pienentämisessä siis katosi 40 000 px - 22 500 px = 17 500 px siis 17 500 pikselin verran kuvainformaatiota poistettiin.
Kun kuvaa suurennetaan, siihen luodaan lisää pikseleitä. Kuvan ottamisen hetkeen ei kuitenkaan voida enää palata, joten lisäinformaatiota, vaikkapa lisää värisävyjä ei enää saada. Myöskään kertaalleen pienennettyyn kuvaan ei voida palauttaa kadonneita yksityiskohtia. Kuvankäsittelyohjelma sen sijaan "keksii" pikseleitä lisää esimerkiksi monistamalla niitä. Kuvan laatu ei siis parane enää kuvaa suurentamalla.
P.S. Lisää kuvan koosta ja laadusta siinä vaiheessa, kun puhutaan julkaisusta printtiin ja verkkoon!
P.S. Lisää kuvan koosta ja laadusta siinä vaiheessa, kun puhutaan julkaisusta printtiin ja verkkoon!
Tehtävä 2.1
Valitse kuva, jonka leveys on yli 500 px, ja kirjaa ylös sen
- leveys,
- korkeus,
- resoluutio,
- tiedostomuoto ja
- tiedostokoko.
Tallenna valitsemasi kuva uudella nimellä. Muokkaa kuvaa niin, että sen
- leveys on 500 px,
- resoluutio on 72 ppi ja
- tiedostomuoto on jpg / jpeg.
Kun palautat kuvan blogiin, niin määritä tekstieditorissa kuvaa lisätessäsi, että kuva näytetään alkuperäisessä koossaan (ks. ohjeita Info-sivulta). Kerro blogipostissa sekä alkuperäisestä kuvasta kirjaamasi tiedot että uudet tiedot. Arvioi vastauksessasi syitä tiedostokoossa tapahtuneisiin muutoksiin. Muista mainita kuvaajan nimi ja linkki alkuperäiselle kuvasivulle, jos kuva on peräisin verkkolähteestä, sekä tarvittaessa (kuvaajan niin pyytäessä) muita tietoja, kuten kuvan julkaisussa käytetty lisenssi.
Voit käyttää tehtävässä
- itse ottamaasi kuvaa
- Wikimedia Commons -sivustolta valitsemaasi kuvaa, jota saa muunnella (kuvasivulta ei löydy kieltoa, esim. No Derivative Works tai No derivatives) tai
- jotain muuta kuvaa, jonka muunteluun ja julkaisuun sinulla on lupa.
2.2 Kuvan kääntäminen ja rajaus
Kumpi kuva on alkuperäinen?
Kuvan välittämää viestiä on mahdollista muokata jälkikäteen paljonkin ilman, että kuvaa varsinaisesti manipuloidaan: kääntämällä ja/tai rajaamalla voidaan parhaimmillaan täysin muuttaa katsojan tulkinta!
Julkaise sekä alkuperäinen että muunneltu kuva kurssiblogissa. Kerro postauksen yhteydessä, mitä teit kuvalle, ja miten kuvan viesti mielestäsi muuttui. Muista merkitä kuvan tekijä- ja julkaisutiedot asianmukaisesti. Muista käyttää kurssin ohjeissa (Info-sivu) mainittuja tunnisteita postauksessasi! ![]() |
| Kuva: gwire/Flickr. CC BY 2.0. |
Kuvan välittämää viestiä on mahdollista muokata jälkikäteen paljonkin ilman, että kuvaa varsinaisesti manipuloidaan: kääntämällä ja/tai rajaamalla voidaan parhaimmillaan täysin muuttaa katsojan tulkinta!
Kuvan kääntäminen
Kuvankäsittelyohjelmissa on yleensä mahdollista kääntää kuvaa- peilikuvaksi pystyakselinsa ympäri
- peilikuvaksi vaaka-akselinsa ympäri
- 90 astetta myötä- tai vastapäivään
- 180 astetta myötä- tai vastapäivään
- asteittain myötä- tai vastapäivään
Kuvat: Chris73 / Wikimedia Commons (kuva 1, kuva 2). CC BY SA 3.0.
Vaikka kuva kääntyy, niin kuva-ala on aina nelikulmio. Tämän vuoksi kuvan nurkkiin jää valkoista kuvan kääntämisen jäljiltä. Kuva tulee siis useimmiten siistiä rajaamalla se uudelleen, kuten yllä on tehty. Tässä jälleen yksi syy sille, että monissa kameroissa on hiukan "fuskua" eli kuvan rajaus on hiukan suurempi kuin etsimessä näkyy.
Kuvan rajaamisella voidaan poistaa kuvasta sen käytön tai sommittelun kannalta epäolennaisia seikkoja. Jos kuvalle on määritelty tietty tarkka julkaisukoko, niin kuvan rajaaminen voi olla jopa välttämätöntä.
Rajaustyökalu (esim. Crop Tool) löytyy yleisimpien kuvankäsittelyohjelmien työkaluikkunasta eli ohjelman mukana avautuvasta työkalukuvakkeiden täyttämästä ikkunasta. Työkalukuvakkeen ulkonäkö voi kuitenkin vaihdella.
Kuvankäsittelyohjelmat eroavat monista arjen perusohjelmistoista siinä, että niiden käyttäminen vaatii käsityötä. Hiirtä ja kursoria käytetään työkaluna aivan eri tavalla kuin vaikkapa tekstinkäsittelyssä.
Esimerkiksi kuvan rajaamisessa työkalun toimintaperiaate on eri kuvankäsittelyohjelmilla sama:
Kuvan rajaaminen kahdella tavalla
![]() |
| Photoshopin työkaluikkuna, jossa on valittuna Crop-työkalu. |
Rajaustyökalu (esim. Crop Tool) löytyy yleisimpien kuvankäsittelyohjelmien työkaluikkunasta eli ohjelman mukana avautuvasta työkalukuvakkeiden täyttämästä ikkunasta. Työkalukuvakkeen ulkonäkö voi kuitenkin vaihdella.
Kuvankäsittelyohjelmat eroavat monista arjen perusohjelmistoista siinä, että niiden käyttäminen vaatii käsityötä. Hiirtä ja kursoria käytetään työkaluna aivan eri tavalla kuin vaikkapa tekstinkäsittelyssä.
Esimerkiksi kuvan rajaamisessa työkalun toimintaperiaate on eri kuvankäsittelyohjelmilla sama:
- valitaan rajaustyökalu
- valitaan nelikulmainen rajattava alue maalaamalla se hiiren kursorilla - valinta tehdään vasemmasta ylänurkasta oikeaan alanurkkaan hiiren vasen painike alas painettuna
- rajausaluetta voi vielä muokata reunoja tai kulmia raahaamalla
- valinta hyväksytään, jolloin valinnan ulkopuolelle jääneet kuvan osat leikkautuvat pois
Tehtävä 2.2
Valitse kuva, jonka viesti tai merkitys mielestäsi selvästi muuttuu kääntämällä ja rajaamalla. Käsittele kuvaa joillain tässä postissa esitellyistä toiminnoista. Tallenna kuva jpg-tiedostona.
Voit käyttää tehtävässä
- itse ottamaasi kuvaa
- Wikimedia Commons -sivustolta valitsemaasi kuvaa, jota saa muunnella (kuvasivulta ei löydy kieltoa, esim. No Derivative Works tai No derivatives)
- jotain muuta kuvaa, jonka muunteluun ja julkaisuun sinulla on lupa








Kommentit
Lähetä kommentti