Miten pienennän kuvan Squarespaceen?
Onko sinulla esimerkiksi skannattu tiedosto tai järjestelmäkameralla otettu suurikokoinen raakakuva, joka pitäisi saada sopivaksi nettisivuille? Tätä ohjetta seuraamalla saat optimoitua kuvasi nettisivuille sopivaan kokoon.
Kuvien pienentäminen sujuu helposti Photopealla, mikä on ilmainen kuvakäsittelyohjelma. Photopea on hyvä ohjelma peruskuvankäsittelyyn ja esimerkiksi kuvien pienennykseen. Sillä voi avata ja muokata myös Photoshop-tiedostoja. Se toimii nettiselaimessa, eli sinun ei tarvitse ladata ohjelmaa omalle koneelle. Kuvia voi pienentää monella eri ohjelmalla, ja muun muassa selainpohjaisuuden takia valitsimme Photopean tähän tutoriaaliin, jotta ohje sopii mahdollisimman monelle tietokoneesta riippumatta. Tätä tutoriaalia ei ole tehty yhteistyössä Photopean kanssa, eikä tämä ole mainos.
Squarespacen suositukset kuville voit tarkistaa täältä.
Tutoriaali
Avaa nettiselain, (esim. Chrome) ja mene osoitteeseen photopea.com.
Valitse Open From Computer, ja avaa haluamasi tiedosto. Esimerkkikuva on isokokoinen järjestelmäkameran raakakuva sivulta Signature Edits.
Voit klikata ohjekuvat suuremmiksi!
Klikkaa auki ylävalikosta Image, ja sitten Image Size.
Squarespace suosittelee kuvien leveydeksi 1500-2500 pikseliä. Suurin koko sopii taustakuvaksi, muihin tarkoituksiin tulevat kuvat voivat olla pienempiä.
Aseta leveys, eli width, 2500px. Tarkista että ketjukuvakkeen ympärillä on tumma laatikko, jolloin enteriä painamalla korkeus muuttuu vastaavaksi. DPI vaikuttaa kuvan resoluutioon. Nettisivuille hyvä arvo on 72.
HUOM! Nettisivuille sopiva resoluutio ei kuitenkaan sovi printtiin, eli jos sinun tarvitsee joskus tulevaisuudessa tehdä samasta kuvasta painotuotteita tai muita tulosteita, niin säästä myös alkuperäinen korkean resoluution kuva. Printtituotteissa hyvälaatuinen vähimmäiseresoluutio on 300 dpi, mikä tekee tiedostosta merkittävästi suuremman.
Seuraavaksi valitse ylävalikosta File, sitten Export As, ja valitaan joko PNG tai JPG. Molemmat käyvät Squarespaceen. JPG on yleensä hyvä valokuville. PNG on korkealaatuisempi ja sillä saa läpinäkyviä kuvia, ja sopii siksi esimerkiksi logoille. Valitsen tällä kertaa JPG, koska käytössäni on valokuva.
Quality-kohdassa voidaan vaikuttaa kuvan laatuun ja tiedoston kokoon. Squarespacen suositus kuvien kooksi on alle 500 KB. Kokeile 90%-99% välillä olevia arvoja nähdäksesi mikä on hyvä kuvallesi. Valitsen tälle kuvalle 95%, ja tallennusikkunan alareunassa näkyy että se on alle 500 KB.
Klikkaa Save ja lataa kuva koneellesi. Nettisivujen kuvat kannattaa tallentaa samaan paikkaan esim. niille tarkoitettuun kansioon, jotta ne löytyvät helposti. Kuvasi on nyt valmis nettiin!
