Hei. Tarvitsen neuvoja liittyen kotisivujeni valokuviin... Värimäärittelen ja käsittelen kuvat Photoshopissa.. Kannattaako minun myös määritellä kuvan koko Photoshopissa vastaamaan kuvan kokoa sivuillani, onko siitä hyötyä? Sivuja tehdessänihän määrittelen jokatapauksessa kuvan koon uudelleen. Tarkoitukseni on siis tajuta, miten saan kuvista mahdollisimman hyvin latautuvia, mutta silti resoluutioltaan (netissä) moitteettomia.
Kuvien koko
Sami
5353
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
Siis lyhyesti: sinä teet kuvat photoshopissa siihen kokoon millaisia ne ovat sivuilla. Et siis enää määrittele sivuja tehdessäsi mitään erikseen.
Eli:
"Kannattaako minun myös määritellä kuvan koko Photoshopissa vastaamaan kuvan kokoa sivuillani, onko siitä hyötyä?"
Tämähän on ihan pakollinen toimenpide.
"Sivuja tehdessänihän määrittelen jokatapauksessa kuvan koon uudelleen."
Älä määrittele, sillä kuvia ei enää voi/saa muokata html:llä vaan ne pitää olla valmiiksi tehtyjä ennen sivuille laittoa.
"Tarkoitukseni on siis tajuta, miten saan kuvista mahdollisimman hyvin latautuvia, mutta silti resoluutioltaan (netissä) moitteettomia. "
Käytä Photoshopin "Save for web"-toimintoa määritelläksesi mahdollisimman vähän tilaa vievän tarkkuuden. Pienet, epätarkat kuvat latautuvat nopeasti, suuret ja erittäin tarkat hitaasti. Lisäksi vaihda kuvan mahdollinen resoluutio "Image size"-kohdassa mahdollisimman pieneksi (72).
Kiitos neuvoistasi. Kuten kysymyksestäni ilmenee, olen vasta-alkaja. Käytössäni on 1st Page 2000, joka kuvia lisättäessä käsittääkseni pyytää määrittämään height ja width arvot kuville, ellei tätä tee, ei kuva tule sivulla näkyviin. Jatkan harjoituksia...
1st Pagea kokeilin joskus vuosia sitten. Kokeilin silloin myös Html-kittiä, ja sitä olenkin siitä lähtien käyttänyt.
Mutta siis outoa jos 1st Page ei osaa itse automaattisesti laittaa kuvan kokoa koodiin. Kitissä kun lisää sivulle kuvan, niin koko tulee aina mukaan.
Kyllähän sen kuvan koon voi määrittää html-koodissa ihan haluamakseen. Mutta jos annetut korkeus- ja leveysarvot poikkeavat alkuperäisen kuvan vastaavista, kuva voi näkyä heikkolaatuisena. Ja järjetöntä sivun koon kasvattamista on esim käyttää 1000*500 kokoista kuvaa ja skaalata se sivulla vaikka 400*200 kokoiseksi.
Eli järkevintä on muokata kuva 'oikeaan' kokoonsa kuvankäsittelyohjelmalla, ja laittaa sitten nämä dimensiot html-koodiin.
Kiitos vastauksestasi. Kävin samalla katsomassa miltä Html-Kit näyttää. Vaikutti monipuoliselta ja aloittelijalle monimutkaisemmalta, kuin 1st Page.
-S-
"kuvia ei enää voi/saa muokata html:llä vaan ne pitää olla valmiiksi tehtyjä ennen sivuille laittoa"
Voi ja saa. Sekä CSS:llä että HTML:llä voidaan määrittää kuville korkeus ja leveys. Kannattaa kuitenkin huomioida, että selainten resize-algoritmi on joko huono tai erittäin huono, joten kuvista tulee tällä tavalla yleensä huonolaatuisia.
"Lisäksi vaihda kuvan mahdollinen resoluutio 'Image size'-kohdassa mahdollisimman pieneksi (72)"
Mikä hyöty tästä olisi? Windowsissa näyttöresoluutio taitaa todellakin olla aina (?) juuri tuo 72 dpi, mutta eihän siitä kuitenkaan välitetä, jos kuva näytetään ns. actual pixels -tapaan, eli jokainen kuvan pikseli vastaa yhtä pikseliä näytöllä.
Tulostettaessa sitten 72 dpi:n kuvat ovatkin aivan kammottavia. Valokuvatulostuksessa resoluution pitäisi olla ainakin 600 dp. Jos kuvat ovat alunperin skannattu esim. juuri 600 dpi:n tarkkuudella, sitä ei missään tapauksessa kannata mennä ronkkimaan 72 dpi:ksi. Jos kuvan kokoa muutetaan, muuttuu silloin tietenkin resoluutio samassa suhteessa.