Kuvat internetissä 2008-02-13 00:36

Valokuvan koko ja tiedostotyyppi

Tarkkaa ohjetta kuvan koolle web-sivulla ei voi antaa, sillä oikea koko on sivukohtainen, ja riippuu mm. kuvaa ympäröivän tekstipalstan leveydestä. Sopivaa kuvan kokoa voi kuitenkin lähteä etsimään asettamalla pidemmän sivun pituudeksi 300-400 pikseliä. Kuvan näyttötarkkuutta (72 ppi) ei tarvitse asettaa, sillä kuva näytetään Internet-sivulla pikselikokonsa (resoluutionsa) mukaan. Valokuvat kannattaa tallentaa jpg-tiedostona, grafiikat läpinäkyvyyttä tukevana gif-tiedostona. Nykyään jo varsin hyvin tuettu png sopii molempiin tarkoituksiin, mutta ensisijaisesti se korvaa gif-muotoa.

Lisää XHTML/CSS-oppaan sivulla Kuvat ja grafiikka.

Kuvan reunojen varjostus (Drop Shadow)

Sivuille saa helposti lisää syvyyttä lisäämällä kuvien reunoihin varjostuksen. Valitse Suotimet | Valo ja varjo | Varjo (aiemmin Script-Fu | Varjo | Varjo).

Efektin määritettävät arvot ovat:

Siirtymä X, Siirtymä Y

Varjon siirtäminen vaaka- ja pystysuunnassa. Mikäli lisäät samalle sivulle useampia varjoja, katso että valon tulosuunta säilyy.

Pehmennyksen säde

Kuinka laajalle alueelle varjo ulottuu.

Väri

Varjon väri. Tumma varjo antaa vaikutelman kuvasta lähempänä taustaa, vaaleampi varjo nostaa kuvan enemmän irti.

Peitto

Varjon läpinäkyvyys.

Salli koon muuttaminen

Saako kuvan koko suurentua. Koon muuttaminen kannattaa sallia, muuten kuvan taustan koko täytyy olla kuvaa suurempi ennen efektin ajamista.