O PicBreweryu
PicBrewery je besplatni otvoreni alat koji komprimira i pretvara slike u potpunosti u vašem pregledniku. Vaše slike se nikad ne učitavaju na poslužitelj — ostaju na vašem uređaju.
Što je to
PicBrewery je jednostranična web-aplikacija za optimizaciju fotografija i grafike. Povucite datoteke JPG, PNG, WebP, AVIF ili BMP i dobijte komprimirane varijante u sva četiri moderna formata jedno pokraj drugog — da možete odabrati najmanju koja i dalje dobro izgleda. Do 20 datoteka po 20 MB u skupu, s dva paralelna kodiranja kako bi računalo ostalo brzo.
Zašto optimizirati slike?
Slike su obično najveći teret stranice — često teže nego HTML, CSS i JavaScript zajedno. Kompresija i pretvorba u moderne formate je najbrži i najmanje rizičan način da ubrzate web, smanjite troškove prijenosa i poboljšate rangiranje, bez pisanja jednog retka koda.
- Brže učitavanje i bolji SEO. Veličina slika snažno utječe na Largest Contentful Paint (LCP) i bitan je za Google Core Web Vitals. 40–60% manje hero slike mogu pomaknuti LCP iz loše u dobru kategoriju, što utječe na mobilno pretraživanje i kvalitetu oglasa.
- Manje napuštanja na mobitelu i sporim mrežama. Na 3G/4G ili nestabilnom Wi-Fi-ju, višemegabajtni JPEG-i odgađaju prvo smisleno iscrtavanje. Posjetitelji napuštaju stranice koje se renderiraju duže od oko 3 sekunde. Manje datoteke AVIF-a ili WebP-a zadržavaju stranicu upotrebljivom na uređajima na kojima većina prometa.
- Jeftiniji hosting i CDN. Propusnost je često najveći varijabilni trošak statičnih stranica, e-trgovine i marketinških stranica. Kad prepolovite veličinu slika, obično se prepolovi i promet slika, koji je često većina ukupnog prometa — i u većem mjerilu svaki mjesec uštedite stvaran novac.
- Veličina PWA instalacije i offline predmemorije. Predmemorija service workera i aplikacijski okviri imaju na mnogim uređajima ograničenja. Manje slike znače bolji offline, brže ponovno otvaranje i više prostora za ostale resurse.
- Glađe iskustvo u aplikacijama i animacijama. Dekodiranje golemih bitmapa blokira glavnu nit i uzrokuje trzanje pri pomicanju, prijelazima i galerijama. Manje datoteke brže se dekodiraju pa animacije ostaju oko 60 fps i na slabijem sklopovlju.
Kako radi
PicBrewery pokreće kodeke slike proizvodne razine, kompilirane u WebAssembly, u Web Workers, da sučelje ostane brzo. Iste knjižnice kao u izvornim alatima rade pravi posao — u JavaScriptu je samo spojnica.
- JPEG — MozJPEG, referentni kvalitetan JPEG kodek.
- PNG — oxipng (Rust), optimizator PNG-a bez gubitka.
- WebP — libwebp od Googlea, s gubitkom i bez.
- AVIF — libavif s AOM AV1 kodekom — vrhunska kompresija za fotografije.
Kada ispustite datoteke, dekodiranje i ponovno kodiranje događa se cijelo na vašem
uređaju. Sučelje OffscreenCanvas i tipizirana polja prenose piksele
s minimalnim kopiranjem. Gotovi blob-ovi idu izravno na preuzimanje
ili u ZIP arhivu u pregledniku pomoću
fflate.
Privatnost
Obrada slika je 100% na strani klijenta. Vaše datoteke se dekodiraju, ponovno kodiraju i pakiraju u ZIP u cijelosti u vašem pregledniku — nikad se ne učitavaju na poslužitelj, a učitane kodek-datoteke statični su resursi. Nakon učitavanja sve radi i izvan mreže.
Web koristi analitiku koja poštuje privatnost (Google Analytics 4 i Yandex.Metrika) i može prikazivati oglase (Google AdSense i Yandex oglase) kako bi projekt ostao besplatno. Ništa se ne učitava dok ne pristanete u banneru — možete u bilo kojem trenutku prihvatiti, odbiti ili prilagoditi izbor u pravilima privatnosti ili poveznici «Postavke kolačića» u podnožju.
Vaše postavke (tema, napredne postavke kodeka) spremaju se u
localStorage na vašem uređaju, pa prežive osvježavanje.
Podržani preglednici
Treba vam moderni preglednik s WebAssembly, Web Workers i
OffscreenCanvas — Chrome 90+, Firefox 90+ i Safari 15+.
Stariji preglednici vide jasan ekran o nekompatibilnosti.
Daljnje informacije
Ako želite dublje o formatima, krenite od naše stranice s usporedbom formata — praktičan vodič kroz JPEG, PNG, WebP i AVIF — ili otvorite PicBrewery.
Spremni za optimizaciju?
Povucite slike u PicBrewery. Sve ostaje na vašem uređaju.