Vastaus Mintulle: Rakeiset kuvat

Minttu kysyi:

Toinen kysymykseni liittyy myös kuviin. Lataan yleensä ihan suht hyvätasoisia kuvia blogiini, mutta siitä huolimatta erityisesti "omat asut" -kuvat tulevat tosi rakeisiksi. Käytän jpeg-muotoa, mutta olisiko parempi käyttää giffiä?

Vaikka tässä ei selvästi ole kyse siitä, että kuvissa olisi jotain vikaa ennen postaamissa, annan myös tähän muutaman käytännöllisen vinkin: JPEG on häviöllinen pakkausformaatti, ja mikäli pakkaus on asetettu suureksi, kuva todellakin muuttuu rakeiseksi. Kannattaa tarkastaa tallennusasetukset omasta kuvankäsittelyohjelmastaan mikäli kuvan laatu ei näytä hyvältä. JPEG toimii parhaiten tavallisissa valokuvissa ja muihin kuviin (mukaan lukien valokuvat joihin on lisätty esimerkiksi tekstiä) taas soveltuu hyvin häviättömät GIF- ja PNG-kuvaformaatit.

Kuvien rakeisuus postaamisen jälkeen johtuu luultavasti siitä, että niiden koko on muuttunut. Yksi vaihtoehto on tehdä kuvista alunperinkin oikean kokoisia, jotta niitä ei tarvitse jälkeenpäin pienentää. Kun Blogger lataa kuvan koneelta, se ei anna koodia, josta voisi kätevästi muuttaa oikean koon. Tietenkin kuvan kokoa voi muottaa reunasta vetämällä, mutta itse en ainakaan ole saanut sillä tavalla siistiä lopputulosta.

Joten tässäkin kannattaa suosia esimerkiksi Photobucketia (voisi luulla että sponsoroin tuota). Kun kuvan lataa urlin avulla, se antaa tämännäköisen koodin:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="kuvan url"><img style="cursor: pointer; width: 143px;"
src="kuvan url" alt="" border="0" /></a>

Vaihda "Width" kohtaan kuvan tarkka leveys, niin kuva näyttää juuri sellaiselta kuin pitkääkin. Voit myös koodata kuvan käsin ilman kuvanlisäystyökalua tällä tavalla:

<IMG SRC="kuvan url"; width=143 height=146>