Kuvat kuntoon bloggerissa -Osa 1

Kaikki teitenkin tietävät että blogi ilman kuvia on kovin tylsän näköinen. Vaikka kuvat eivät olekkaan aivan pakollisia, piristävät ne ehdottomasti jokaista blogia. Siksi suurin osa kirjoittajista myös jonkinlaista kuvaa kirjoitustensa yhdeydessä yrittää käyttää. Blogger blogin ominaisuuksiin kuuluu helppo kuvien lisääminen blogikirjoitukseen. Tämä onnistuu helposti painamalla lisää kuva nappia työkaluvalikosta.

Lisää kuva nappi

Jokainen osaa varmasti lisätä kuvan kirjoituksensa joukkoon, mutta entäs sitten? Mitä jos kuva ei olekkaan mieluisan kokoinen tai se on väärässä kohtaa sivua, eikä millään tahdo raahaten sijoittua oikeaan kohtaan. Kaikkihan me jo tiedämme että bloggerissa voi kuvia siirrellä hiirellä raahamalla eri kohtiin kirjoitusta. Joskus kuitenkin tuntuu että tämä on sattuman kauppaa ja kuvat elävät aivan omaa elämäänsä tekstin seassa yrittäessäsi niitä raahailla oikeisiin kohtiin.



Kuvia pitää siis pystyä siirtelemään myös HTML-koodin puolella. Eli tehdäänpä vilkaisu lähdekoodiin:

<img src="jotakin.com/kuvasinimi.jpg" />

Yllä oleva koodin pätkä tulisi olla kaikille tuttu HTML koodi joka asettaa kuvan näkymään sivuillasi. Lisätessäsi kuvan blogger blogiin on koodi kuitenkin hieman erinäköinen:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx7VWx3gn1DbialWjzFg04IGExYXQQGiNjax54MwxAKC7UmbtR0jpIAy9-51NY4bSh5VmnQ5RlOsMrBGykhXQCb0XVRH4aYTo3Wi1mZWEiKxvxnZFSqQEQH2wyqGWc7CUsWTJ_hjJyT6du/s1600/lis%25C3%25A4%25C3%25A4kuva.jpg" 
imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" height="67" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx7VWx3gn1DbialWjzFg04IGExYXQQGiNjax54MwxAKC7UmbtR0jpIAy9-51NY4bSh5VmnQ5RlOsMrBGykhXQCb0XVRH4aYTo3Wi1mZWEiKxvxnZFSqQEQH2wyqGWc7CUsWTJ_hjJyT6du/s320/lis%25C3%25A4%25C3%25A4kuva.jpg" 
width="320" />
</a>
</div>

Vaikka koodi vaikuttaakin hieman sekavalta sisältää se silti tuttuja elementtejä kuten tuon <img tagi osion. Vähänkään html- kieltä ymmärtävät varmasti jo huomaavat että kuva on itseasiassa tässä koodissa linkin (<a href alkuinen osio) sisällä. 

Bloggeriin lisätty kuva:

Lisätessäsi kuvan bloggeriin tapahtuu itseasiassa parikin asiaa. Ensinnäkin tallennat kuvan Googlen Picasa palveluun. Picasa on kuvapankki johon voit tallentaa kuviasi ilmaiseksi. Levytilaa ilmaispalvelussa on 1Gt (1024Mt) ja  on aivan riittävä bloggaajalle jollei kyseessä ole Foto- blogi. Jos pelkäät että giga on pian kulutettu voit tarkistaa missä mennään kirjautumalla Picasa:an. Levytilasi tilanne näkyy koko palvelun ala-palkissa. Voit myös halutessasi ostaa lisää levytilaa googlelta kohtuu edullisesti:

• 20 Gt ($5.00 USD vuodessa)

• 80 Gt ($20.00 USD vuodessa)

• 200 Gt ($50.00 USD vuodessa)

• 400 Gt ($100.00 USD vuodessa)

• 1 teratavua ($256.00 USD vuodessa)

Tai voit vaihtoehtoisesti levytilan täytyttyä luoda toisen G-mail tunnuksen ja lisätä sen kirjoittajaksi blogiisi ja jatkaa kirjoittelua uusilla tunnuksilla taas kunnes 1Gt kuvakiintiö on täynnä. On myös olemassa lukuisia muita ilmaisia kuvapalveluja joihin voisit kuvasi ladata, mutta koska niiden linkittäminen bloggeriin on paljon hitaampaa kuin bloggerin ja picasan itsensä käyttämienen, on syytä miettiä kannattaako muiden palveluiden käyttö sinun tapauksessasi.

Sen lisäksi että kuvasi tallentuu picasan levylle tekee blogger itsessään hieman taikoja kuvallesi. Se ei niinkään muokkaa itse kuvaa vaan käyttää html- koodin määrittelyjä sovittaakseen kuvan mahdollsimman hyvin blogiisi. Se muuttaa kuvan leveyttä ja korkeutta siten että kuva näkyy kokonaisuudessaan blogisi kirjoituksille varatussa tilassa.

Kuvan lisäämisen jälkeen aukeava valikko

Lisättyäsi kuvan bloggerissa tarjoaa blogger sinulle mahdollisuuden helposti muokata kuvan asetteluja. Voit valita kuvan koon 5 vaihtoehdosta Pieni - Erittäin suuri ja alkuperäinen koko. Vaikkaa kuville annetaankin useita kokovaihtoehtoja kannattaa miettiä mikä niistä soveltuu blogiisi ja ennenkaikkea mihin käyttötarkoitukseen ne sivuillasi tulevat. Jos haluat että lukijasi pystyvät lukemaan tekstin ja katsomaan kuvaa yhtäaikaa kannattaa silloin käyttää sellaisia kuvia joita ei tarvitse erikseen klikkaamalla suurentaa, että niiden sisältöä pystytään tarkastelemaan.

Valitessasi kuvakokoa kannattaa myös muistaa että suurin osa blogger blogeista automaattisesti rajoittaa kuvan kokoa, eli vaikka kuva olisi kokoa 1600X2040 px ja valitsisit näytettäväksi alkuperäisen koon kuva ei tällöin näy koossa 1600x2040px vaan suurimmassa mahdollisessa koossa joka on teknisesti mahdollista blogissasi. Se on riippuvainen blogisi leipäteksteille tarkoitetun osan leveydestä, joka voi maksimissaan olla 1000px. Joka on samalla koko bloggerin maksimileveys.

Valikosta löytyy myös muita helppokäyttöisiä toimintoja. Voit määritellä missä kohtaa sivua kuvasi on, vasen, keskellä, tai oikealla antavat siis helpon tavan tasata kuva. Sen lisäksi voit lisätä kuvatekstin, kuvallesi. Tämä on oivallinen ja tuttu tehokeino myös sanomalehtimaailmasta. Kuvatekstejä kannttaa siis käyttää aina kun niihin on vähänkään syytä.

Yhteenveto

Kuvasi siis tallentuvat Picasa palveluun, josta blogger linkittää ne automaattisesti. Suuret kuvat eivät näy täysikokoisina blogissasi, sillä blogger pienentään niitä käytettävyyden parantamiseksi. Tästä ei kuitenkaan kannata huolestua sillä alkuperäisen kokoista kuvaa pääsee helposti tarkastelemaan klikkaamalla haluamaansa kuvaa. Oletusarvoisesti tälläinen linkki alkuperäiseen kuvaan löytyy kaikista blogger kuvista, ellei tätä ole poistettu kuvaa blogikirjoitukseen lisättäessä.

Seuraavassa osassa tutustummekin tarkemmin siihen mitä kaikkea HTML-koodin puolella voi kuville tehdä ja mihin muualle voisit kuviasi tallentaa blogissasi käytettäväksi.