Kompresija slika za sajt

Kako da smanjite sliku u tri koraka

1. 1
   Izaberite fotografije. Dodirnite Izaberite fajlove ili prevucite fotografije u polje. Alat prima JPG, PNG i WebP, do 20 fajlova odjednom i do 50 MB po fajlu.
2. 2
   Izaberite namenu i format. Namena postavlja širinu i najveću težinu, a obe možete da promenite. Za sajt ostavite WebP, a JPEG izaberite kad program ili sajt na koji šaljete sliku ne prima WebP.
3. 3
   Uporedite i preuzmite. Klizačem uporedite original i novu sliku, pogledajte dimenzije i težinu pre i posle i preuzmite fajl. Ime novog fajla je staro ime bez kvačica i razmaka, sa širinom na kraju: od „montaža klime.jpg“ nastaje montaza-klime-1200.webp.

Ako bi nova slika bila veća od originala, što se dešava kad je original već dobro smanjen, alat zadrži original i to napiše.

Koju širinu da izaberete

Ove vrednosti su moja preporuka iz prakse, a ne pravilo nekog izvora. Izuzetak je proizvod: Google Merchant Center preporučuje slike proizvoda od oko 1500 × 1500 piksela ili veće. Ako fotografije proizvoda tek pravite, pre alata pročitajte lekciju Slikanje proizvoda telefonom. Koja širina ide na koje mesto i zašto, sa primerima sa pravih sajtova, piše u lekciji Slike za sajt.

Alat nikad ne uvećava sliku i ne menja odnos stranica. Fotografija uža od izabrane širine ostaje u svojoj širini, jer uvećana slika postaje mutnija, a ne bolja. Isto važi za naslovnu sliku videa na sajtu: pripremite je kao sliku u tekstu, a ostalo o videu je u lekciji Kratak video telefonom.

WebP ili JPEG

WebP je podrazumevani format, napravljen za web. Google ga čita kao i JPEG: po Google-ovom uputstvu za slike, pretraga čita formate BMP, GIF, JPEG, PNG, WebP, SVG i AVIF, a ekstenzija fajla treba da odgovara formatu. Koliko je koji format manji za vašu fotografiju, vidite u alatu: sačuvajte je u oba i uporedite težine ispod pregleda.

JPEG izaberite kad sliku šaljete u program ili na sajt koji WebP ne prima. Alat radi i obrnuto, od WebP-a pravi JPEG. PNG je za grafiku, snimke ekrana i slike sa providnom pozadinom; fotografija u PNG-u je mnogo veća, pa alat tada upozori.

AVIF ovaj alat ne pravi, jer pregledači ne umeju sami da ga kodiraju. Kad vam treba AVIF, veća grupa slika ili slike za mejl, koristite Kompres, moju aplikaciju koja takođe radi u pregledaču, sa posebnim režimom za mejl i za sajt.

Na telefonu

Alat radi u pregledaču telefona, bez aplikacije: fotografiju izaberete iz galerije, a nova slika se preuzme kao svaki drugi fajl. Na iPhone-u pregledač sam ne pravi WebP, pa alat tada sa ovog sajta učita dodatni program za WebP. Učitava se samo kad zatreba, a slika i tada ostaje na telefonu.

Na iPhone-u se format fotografija bira u podešavanjima kamere (Settings → Camera → Formats). „High Efficiency“ čuva fotografije kao HEIF, u fajlovima .heic, a „Most Compatible“ kao JPEG. Ako pregledač ne ume da otvori HEIC fotografiju, alat to kaže; tada izaberite „Most Compatible“ i nove fotografije biće JPEG. Nazive opcija navodim iz engleske verzije iOS-a, a na srpskom mogu da glase drugačije.

Šta se dešava sa podacima

Fotografija se otvara i obrađuje u vašem pregledaču. Na moj server ne stiže ni original ni nova slika, a alat ih ne čuva kad zatvorite karticu. Sa servera se učitavaju samo strana i program alata, a na iPhone-u i dodatni program za WebP.

Nova slika nema metapodatke iz fotoaparata (EXIF), jer nastaje iz samih piksela. Fotografija sa telefona može da nosi GPS koordinate mesta na kom je snimljena, pa kad ih original ima, alat napiše da ih nova slika nema. Tako fotografija proizvoda snimljena kod kuće ne otkriva na sajtu gde živite.

Iz prakse

Na sajtu Jupiter Planet podloga majice smanjena je sa 1,36 MB na oko 85 KB, u WebP-u, sa istim izgledom. To je oko 1,27 MB manje pri svakom učitavanju te slike. Još tri primera sa brojkama su u lekciji Slike za sajt.

Kompres je jedna od osam web aplikacija u mom portfoliju. Ako pravite nov sajt i želite da slike na njemu budu sređene od početka, pošaljite upit.