CodeKitHubZašto ga koristiti?
- 100% lokalno: slike nikada ne napuštaju vaš uređaj — sigurno za privatne fotografije i neobjavljene dizajne.
- Bez ograničenja: bez maksimalne veličine datoteke, dnevne kvote, vodenog žiga ili računa.
- Skupni način rada — ubacite mnogo slika odjednom, svaka dobiva vlastito preuzimanje.
- Klizač kvalitete + promjena veličine na maksimalnu širinu + JPG/WebP izlaz — tri postavke koje su zapravo bitne.
- Prikazuje točnu uštedu po slici da možete procijeniti kompromis.
Često postavljana pitanja
Hoće li kompresija pokvariti izgled mojih slika?
Pri 70–85% kvalitete razlike su praktički nevidljive za fotografije gledane na zaslonu. Vidljivi artefakti pojavljuju se ispod ~50%. Snimke zaslona s puno teksta su iznimka — brže pokazuju artefakte u JPG-u; za njih probajte WebP izlaz ili zadržite kvalitetu iznad 85%.
Postoji li ograničenje veličine datoteke ili broja slika?
Ne. Budući da se kompresija odvija na vašem uređaju umjesto na poslužitelju, nema čega ograničavati — kompresirajte sliku od 50 MB ili 100 slika u skupini. Vrlo velike slike samo trebaju malo više vremena.
Šalju li se moje slike igdje?
Ne. Datoteke se čitaju i ponovno kodiraju u potpunosti od strane vašeg preglednika koristeći HTML5 canvas API. Možete učitati ovu stranicu, isključiti internet i i dalje kompresirati.
Trebam li odabrati JPG ili WebP izlaz?
WebP je obično 25–35% manji uz istu vizualnu kvalitetu i radi u svim modernim preglednicima — najbolji za web stranice. JPG se otvara svugdje, uključujući stari softver i pisače — najbolji za dijeljenje i e-mail. Kad niste sigurni, odaberite JPG.
Zašto se moj PNG toliko smanjio?
PNG je bez gubitaka, što je skupo za fotografije — fotografski PNG je često 5–10× veći od vizualno identičnog JPG-a. Pretvaranje foto PNG-ova u JPG/WebP daje najveću moguću uštedu. Zadržite PNG samo za grafiku kojoj trebaju prozirnost ili oštri rubovi.
Zašto je izlaz ponekad veći od izvornika?
Ako je slika već bila jako komprimirana, ponovno kodiranje ne pomaže i može dodati bajtove. Alat vam javlja kad se to dogodi — u tom slučaju samo zadržite izvornik.
Što je ovaj alat?
Kompresor slika smanjuje veličinu datoteke ponovnim kodiranjem slike s učinkovitijim (lossy) postavkama. Fotografija s mobitela često je 3–8 MB; za web stranicu, poruku u chatu ili e-mail, 200–500 KB obično izgleda identično na ekranu. Manje slike se brže šalju, brže učitavaju i štede prostor za pohranu i propusnost.
Ovaj alat ponovno kodira slike vlastitim kodekom preglednika uz kvalitetu koju odaberete, opcionalno smanjujući vrlo velike slike na razumnu maksimalnu širinu — dvije poluge koje najviše utječu na veličinu datoteke. Snaga kompresije naspram vidljive kvalitete uvijek je kompromis; prikaz veličina prije/poslije uživo pomaže vam pronaći ravnotežu za svaku sliku.
Usporedba formata: JPG naspram WebP naspram PNG za veličinu
Ista fotografija, ista vizualna kvaliteta, tri vrlo različite veličine: PNG je teškaš (bez gubitaka — često 5–10× veći od JPG-a za fotografije), JPG je univerzalna sredina, WebP obično slijeće 25–35% ispod JPG-a. Dakle hijerarhija kompresije za fotografiju je: prvo se udaljite od PNG-a, zatim odaberite JPG za kompatibilnost ili WebP za minimalnu veličinu.
Grafika okreće tablicu: za snimke zaslona, logotipe i UI slike ravnih boja, PNG s kvantiziranom paletom obično nadmašuje JPG i po veličini i po oštrini — JPG-ova fotografska kompresija razmazuje oštre rubove. Za taj slučaj postoji zaseban alat ispod.
| Vrsta sadržaja | Najbolji format | Zašto |
|---|---|---|
| Fotografije za web/e-mail/chat | WebP (ili JPG za kompatibilnost) | Lossy kompresija odgovara fotografskim detaljima; WebP je 25–35% manji od JPG-a uz jednaku kvalitetu. |
| Snimke zaslona, logotipi, UI ravnih boja | PNG | Bez gubitaka — JPG-ova fotografska kompresija zamućuje oštar tekst i tvrde rubove. |
| Slike kojima treba prozirnost | PNG ili WebP | JPG nema alfa kanal; PNG i WebP oboje podržavaju prozirnu pozadinu. |
| Maksimalna kompatibilnost (stari softver, pisači) | JPG | Univerzalno podržan od 1990-ih; WebP podrška je novija, iako je sada gotovo univerzalna u preglednicima. |
Napomene o performansama
- Promijenite veličinu prije jače kompresije: smanjivanje dimenzija s 4000 px na 1920 px uklanja ~77% piksela — nijedan klizač kvalitete ne može se s time natjecati.
- Skupna obrada se odvija sekvencijalno na vašem CPU-u; stotinu fotografija s mobitela na laptopu traje par minuta. Ništa se ne stavlja u red na poslužitelju, pa je obično ipak brže od stranica temeljenih na slanju — i radi bez interneta.
- Broj −% je vaš povratni signal: ako pokazuje jednoznamenkasti broj, slika je već bila optimizirana i daljnje smanjenje kvalitete će prije naštetiti izgledu nego pomoći veličini.
- Za web objavljivanje, ciljajte na ≤200 KB za slike sadržaja i ≤500 KB za hero slike pune širine; ti budžeti drže Core Web Vitals ugodnima na mobilnim vezama.
Iz našeg vlastitog testiranja
Prije objave ovog alata pokrenuli smo ga nad generiranim testnim slikama i provjerili izlaz piksel po piksel, ne samo okom. PNG od 3000×2000 s više boja otišao je sa 140 KB na 94 KB (−33%) uz 75% kvalitete s ograničenjem na 1920 px — a budući da je testna slika bila sintetička, mogli smo provjeriti da nijedan piksel nije odstupio više od očekivane tolerancije JPG kodeka. Također smo potvrdili da se upozorenje o već optimiziranoj datoteci ispravno aktivira umjesto tihog stvaranja veće datoteke: dajte mu čvrsto komprimirani JPG i on vam kaže da zadržite izvornik umjesto da se pretvara kako je pomogao.
Kako ga koristiti
- Ubacite slike u okvir (ili kliknite za odabir) — podržani su JPG, PNG i WebP.
- Postavite kvalitetu: 75% je dobra ravnoteža; spustite na 60% za maksimalnu uštedu.
- Odaberite maksimalnu širinu — 1920 px je više nego dovoljno za web na cijelom zaslonu.
- Odaberite JPG (univerzalno) ili WebP (manje, svi moderni preglednici) izlaz.
- Kliknite Preuzmi pored svakog rezultata. Veličina i postotak uštede prikazuju se po datoteci.
Primjer
- Ulaz
fotografija-mobitel.jpg — 4,20 MB, 4032×3024- Izlaz
fotografija-mobitel-kompresirana.jpg — 0,48 MB (−89%), 1920×1440
Promjena veličine na 1920 px i ponovno kodiranje uz 75% kvalitete: vizualno identično na bilo kojem zaslonu, 9× manje.