Tein yksinkertaisen kuvan Illustratorissa ja haluan sen Dreamweaveriin koska siellä teen websivua. Missä voin määrittää Illustratorissa kuvan - resoluution ja pikselimäärän - ja tallennanko sen "safe for web" komennolla gif, jpeg, png-8 VAI png-24 muotoon? Tällä (gif muodossa) hetkellä pikselit näyttävät suurilta, myös kuvan reunassa on valkoista epätasaista pintaa. Nuo muut tallennusmuodot eivät parantaneet tulosta yhtään. Olen luullut että grafiikkaa voi suurentaa miten vaan, mutta web puolella se ei käykään näköjään...kun pienessä koossakin näkyy virheitä.
Opettaja opetti web asiaa kyllä ja photoshoppia siihen liittyen, mutta Ei Illustratorin asetuksia. Harmittaa.
Kävin hopeinen omena -sivuillakin mutta en löytänyt apua. Olen epätoivoinen ja itku ei ole kaukana vaikka olenkin aikuinen.
Opettaja opetti web asiaa kyllä ja photoshoppia siihen liittyen, mutta Ei Illustratorin asetuksia. Harmittaa.
Kävin hopeinen omena -sivuillakin mutta en löytänyt apua. Olen epätoivoinen ja itku ei ole kaukana vaikka olenkin aikuinen.
Vastaukset 11
Vanhimmat
Niin, Illustrator on _vektori_piirrossovellus ja _vektoreita_ voi zoomailla vapaasti. Älä vie kuvia pikselimössönä, vaan esim. .SVG-vektorimuodossa. Jos jonkun selain ei niitä näytä, niin se on voi voi, aika hänenkin siirtyä 2000-luvulle! ;)
Kyllä ne nyt vaan on järkevä muuttaa .jpg muotoon. SVG ei ole millään tavalla 2000 lukua webin puolella. Milloin muistat itse nähneesi webbi sivulla .svg muotoista grafiikka?
No esimerkiksi Wikipedia suorastaan painostaa toimittamaan piirrosaineiston .SVG -muodossa! :D
Niin ja yksikään kuva itse wikipedian rungossa ei ole svg. Ne ovat joko .png tai .jpg. Kannattaa unohtaa koko .svg jos tekee jotain perus nettisivuja.
>"Milloin muistat itse nähneesi webbi sivulla .svg muotoista grafiikka?"
http://en.wikipedia.org/wiki/File:DVD-Regions_with_key-2.svg
Itseasiassa tuon linkin kuva on .png. Siitä on erillinen linkki .svg tiedostoon koska se olisi liian raskas esitettäväksi suoraan tuossa. I rest my case.
Oletko muokkaamassa kuvaa vai oletko piirtänyt itse?? Alussa kun luot asiakirjan voit määritellä sen koon ja resoluution. Jos taas olet ladannut kuvan netistä et voi sitä esim suurentaa huonontamatta kuvan laatua.
Grafiikka voit ainoastaan suurentaa siinä tapauksessa kun se on vektori muodossa. Kaikki muut. esim. jpg, .gif, .bmp. yms tiedostoja kun suurentelet niin kuvaa skaalataan ja muodostuneisiin pikseleihin "arvotaan" väriarvo.
Piirsin itse Illustratorilla kuvan. New Document -kohdassa tulee -piirrustuspohjan - koko; leveys ja korkeus tai sitten vaan B5. Units -kohtaan voi määritellä Millimeters, Points ym. Vaikuttaakohan se ulkomuotoon onko pisteinä vai millimetreinä...
Minusta kuva ei skaalautunut normaalisti dreamweaverissa vaikka oli oikeassa tallennusmuodossa. Ahaa se johtui siis tallennusmuodosta...
Tarkoitus olisi saada kuva näkymään normaalina dreamweaverissä, niin ettei pikseleitä näy tai valkoista reunaa. Valkoiseen reunaan keksin jonkinlaisen hätäratkaisun mutta pikselit saattavat olla vielä ongelma. Tai sitten olen liian tarkkasilmäinen eikä vikaa ole
Niin, vektorimuoto... safe for web toiminnossa ei taida olla .ai tallennusmuotoa vai onko. Mutta siellä oli yksi toinen tallennusmuoto
Kun piirrät verkkoon tarkoitettua materiaalia käytä mieluiten pikseleitä mittakaavana. Koska sitä käytät myös verkkosivun tekoon mittakaavana.
Kun kuva on valmis, pienennä sitä asteittan haluamaasi resoluutioon. Ja muista skaalata säilyttäen mittasuhteet, muuten kuva vääristyy.
Ei kannata välttämättä sumeilematta uskoa mitä dreamweaver sinulle näyttää vaan kokeile avata se sinun verkkosivusi ja katso miltä se näyttää siellä.
Valkoisen taustan voi esim poistaa tallentamalla kuvan tiedostomuotoon joka tukee transparencya. Tätä ei kaikki selaimet kuitenkaan tue joten se ei aina toimi. Helpompi on tietenkin käyttää taustavärinä samaa väriä kuin taustassa johon sen liität.
.ai ei ole web safe muoto. Sitä ei voi esittää verkkosivulla. Tallenna joko .jpg, .gif, .png muotoon.
Kiitos neuvoista tuhannesti! Tutkin asiaa tarkemmin. :)
photoshopilla fixaat kuvan webbiä varten pieneksi ja sit viet driiveriin. Helpoin tapa. Toinen jos kuvan koko sionällään ei vaikuta ja haluat pienen (tilaltaan hae ilmainen ohjelma.
irfanview_lang_finnish.zip ja iview420_setup.exe
jälkimmäinen ohjelma, eka kielipaketti. (meni vahiongos nurin päin) tällä saat perus käsittelyä kuville. Muotoja on paljon. resoluutiota muuntamalla saa kuvaa viemään vähän tilaa. esimerkki.
10x15 kuva reso 72. voi viedä jopa 300-400 kiloa. sama kuva 300 resolla. mitat 3x4. cm. vie puolta vähemmän tilaa, ja kuva alkuperäisessä koossaan.