Smanjivanje slika se uglavnom radi putem kompresije, to jest biranja formata. Najkorišćeniji su .bmp, .jpg/jpeg, .gif, .png. Razlika u ovim formatima jeste da služe različitim stvarima.
.bmp su najkvalitetnije slike jer nisu kompresovane. Ovaj format je najbolji kada radite i vršite obradu slika i želite najbolji mogući kvalitet.
.jpg/jpeg su kompresovane slike i mnogo su manje od .bmp, ali upravo zbog te kompresie gube (možda ne na prvi pogled) kvalitet pri prebacivanju iz bmp u jpeg/jpg. Većina slika koje ćete naći na netu su jpeg formata i sasvim su ok za gledanje.
.gif je veoma star format koji se uglavnom koristi sa obradu sličica na sajtovima, ali i za prostu animaciju kao što su smajliji na ovom forumu. Recimo logo nekog sajta, ili okviri se uglavnom rade u .gif formatu. Gif služi samo za najjednostavnije slike u kojima nema puno boja i pretapanja i u tom slučaju daje najbolje rezultate. Gif slike su mnogo manje veličine nego jpeg.
.png je poslednji format koji se ne koristi baš tako često ali koji će, po mom mišljeju, ipak postati standard sa sajtove (umesto gif koji je sada). Zašto? Pa pri dobroj optimizaciji png slika je manje veličine nego i sam gif. A što je slika manja, to je brži sajt, zar ne?
Ako nekome šaljete slike, ili vam služe samo radi gledanja (bez potrebe za obradom samih), onda treba da koristite jpeg/jpg format. Ako imate bmp sliku, sačuvajte je (jer je to najbolji kvalitet), ali pri slanju preko mejla vidite da je ipak prebacite u jpeg. To možete uraditi i najobičnijim "paint" program koji se nalazi na svakom Vinu (
start - accessories - paint) tako što ćete snimiti sliku pod menijem
file - save as - save as type - jpeg.
Ako želite da brzo smanjite/prebacite slike u/iz jpeg i ne zanima vas šta je sve to, onda posetite
http://www.pictureresize....ine-images-converter.html ili
http://www.spinwave.com/index.phpOvo sam usput spomenuo za one koji ne znaju koja je razlika između formata i koje ne zanima detalja priča.. Na kraju ovog uputsva ću postaviti primere SeloVeselo logoa da vidite o čemu pričam.
E sad dolazi glavna stvar koja je namenjena onima koji se zanimaju za optimizaciju slika za sajtove. Desi da naiđem na neki sajt u kome su slike veoma slabo obrađene. Nisam ja neki profesionalac ali se začudim kada vidim logo od 30-40kb. Zato pročitajte pažljivo šta pišem. Sajt mora da bude brz, a da bi bio brz mora da ima što manje slika i te slike moraju da budu što manje veličine. A za to vam je potreban (ovde pričam prvenstveno o logoima, okvirima, dugmetima i slično) gif ili png fomat.
Za optimizaciju slika u gif formatu napisaću kako se to radi u Fotošopu.
Predpostavka je da je slika ili u bmp ili jpeg formatu. Idi na meni
image - mode - indexed color. Otvoriće se prozor u kome izaberete paletu
exact (ili selective pa sami izaberite broj boja) i evnetualno
transparency ako vam slika ima providne piksele. Posle odete na save as, pa save as gif i gotovo. O čemu se ovde tačno radi? Svaka recimo jpeg/bmp slika drži index svih mogućih boja (da ne ulazim u detalje), iako se većina uglavnom uopšte ni ne koristi. Zato su sve te slike i velike ne jednostavno beskorisne za sajt gde je brzina ključ. Sa ovakvnim načinom rada gif slika može da bude nekoliko puta manja od jpeg/jpg formata. Zavisi naravno i od same slike, ali gif je (ako korišćen kako treba) puno manji od jpeg/jpg.
Gif je za većinu vebmajstora uglavnom kraj priče, ali može i još manje. Radi se png formatu. Problem kod ovog formata je što je malo poznat i što kod dosta programa (uglavnom običnih i prostih) png ispada uvek veći od gif pa tako i ostane upamćem i zaboravljen. Png je mnogo savremeniji format od gif i ima mnogo više mogućnosti. Png se znači može koristiti i za obradu mnogo kompleksnijih slika nego samo logoa, i bez gubitka u kvalitetu. U Fotošopu imate mogućnost da uradite sliku u png formatu i da dobijete zasliku koja je manja čak i od gif.
Upotrebite onu istu sliku kao i za gif (radi poređenja). Znači jpeg/bmp i idite na meni
file - save for web and devices. (Ovo možete koristii i za gif ali i ono predhodno, kako hoćete)
Otvorićete se okvir u kome na desnoj strani izaberete
png-8,
custom,
dither 100%,
diffusion 100%,
transparency po potrebi, i
broj boja .
Kod broja boja izaberete onoliko koliko je vašoj slici najmanje potrebno. Menjanjem tog broja na desnoj strani videćete kako vam slika izgeda u odnosu na original i koje je veličina. Na ovaj način, gif sliku možete smanjiti i prebaciti je u png bez ikakvog gubitka (ali i bmp/jpeg).
Ispod sam postavio isti primerak SeloVeselo logoa, ali u drugačijim formatima i slike gore opisanih radnji.
logo.bmp - 88kb
logo.jpg - 31kb
logo.gif - 2,6kb
logo.png - 1,8kb
Ne obazirite se na crnu pozadinu poslednje dve slike i na belu jpg sliku (jpg ne podržava poluvidljivost), samo kliknite i videćete kako izgleda u stvarnosti.
