Tietoja PicBrewerysta
PicBrewery on ilmainen ja avoin työkalu, joka pakkaa ja muuntaa kuvia kokonaan selaimessasi. Kuviasi ei koskaan lähetetä — ne pysyvät laitteellasi.
Mitä se on
PicBrewery on yhden sivun verkkosovellus valokuvien ja grafiikan optimointiin. Pudota JPG-, PNG-, WebP-, AVIF- tai BMP-tiedostoja ja saat pakatut versiot kaikissa neljässä modernissa formaatissa vierekkäin — voit valita pienimmän, joka näyttää yhä hyvältä. Enintään 20 tiedostoa, kukin enintään 20 Mt per erä, ja kaksi rinnakkaista koodausta, jotta käyttö tuntuu sujuvilta.
Miksi optimoida kuvia?
Kuvat ovat usein sivuston raskain osa — usein raskaampia kuin HTML, CSS ja JavaScript yhteensä. Pakkaaminen ja muuntaminen moderneihin formaatteihin on nopein ja vähiten riskialtis tapa nopeuttaa sivustoa, leikata kaistanleveyttä ja parantaa hakutuloksia ilman yhdenkään koodirivin uudelleenkirjoitusta.
- Nopeammat sivut ja parempi hakukonenäkyvyys. Kuvien paino on keskeinen tekijä Largest Contentful Paintissa (LCP) ja Googlen Core Web Vitalsissa. Sankarikuvista 40–60 % pois voi siirtää LCP:n "huonosta" "hyvään", mikä vaikuttaa suoraan mobiilihakuun ja mainosten laatuun.
- Vähemmän poistumista mobiilissa ja hitaissa verkoissa. 3G/4G- tai epävakaassa Wi-Fi:ssä monen megatavun JPEG:t viivästyttävät ensimmäistä merkityksellistä näkymää. Kävijät poistuvat sivuilta, jotka kestävät yli ~3 sekuntia. Pienemmät AVIF- tai WebP-tiedostot pitävät sivun käyttökelpoisena niillä laitteilla, joista suurin osa liikenteestä tulee.
- Halvempi hosting ja CDN-siirto. Kaistanleveys on monelle staattiselle sivustolle, verkkokaupalle ja markkinointisivulle suurin muuttuva kustannus. Kuvien painon puolittaminen puolittaa usein kuva-siirron — usein suurimman osan kokonaissiirrosta — ja säästää rahaa joka kuukausi mittakaavassa.
- PWA-asennuskoko ja offline-välimuisti. Service worker - välimuisteilla ja app shelleilla on kokorajoja. Pienemmät kuvat mahdollistavat paremman offlinen, nopeamman uudelleenavaamisen ja enemmän tilaa muille resursseille asennusbudjetissa.
- Sujuvampi käyttökokemus sovelluksissa ja animaatioissa. Suurten bittikarttojen purku kuormittaa pääsäiettä ja aiheuttaa nykimistä vierityksessä, sivun- vaihdoissa ja gallerioissa. Kevyemmät tiedostot purkautuvat nopeammin ja pitävät animaatiot noin 60 fps:ssä ja vuorovaikutuksen terävänä heikommalla laitteistolla.
Miten se toimii
PicBrewery ajaa tuotantovalmiita kuvakoodekeja käännettynä WebAssemblyyn, ajettuna Web Workereissa, jotta käyttöliittymä pysyy reagoivana. Samat kirjastot kuin natiiveissa työpöytä- työkaluissa tekevät raskaan työn — vain "liima" on JavaScriptiä.
- JPEG — MozJPEG, viiteencoder korkealaatuiselle JPEG:lle.
- PNG — oxipng (Rust), häviötön PNG-optimointi.
- WebP — Googlen libwebp, sekä häviöllinen että häviötön.
- AVIF — libavif AOM AV1 -encoderilla — huippuluokkaa valokuvien pakkauksessa.
Kun pudotat tiedostoja, purku ja uudelleenkoodaus tapahtuu kokonaan
laitteellasi. OffscreenCanvas-rajapinta ja tyyppitaulukot siirtävät pikselidataa
minimaalisella kopiolla. Valmiit blobit menevät suoraan lataus-
linkkiin tai ZIP-arkistoon, joka rakennetaan selaimessa
fflatella.
Yksityisyys
Kuvankäsittely on 100 % asiakaspuolella. Tiedostosi puretaan, koodataan uudelleen ja zipataan kokonaan selaimessasi — niitä ei koskaan lähetetä palvelimelle, ja koodekki-binäärit ovat staattisia resursseja. Kun kaikki on ladattu, PicBrewery toimii offline-tilassa.
Sivusto käyttää yksityisyyttä kunnioittavaa analytiikkaa (Google Analytics 4 ja Yandex Metrika) ja voi näyttää mainoksia (Google AdSense ja Yandex Advertising Network) pitääkseen projektin ilmaisena. Mitään ei ladata ennen kuin hyväksyt evästebannerin — voit milloin tahansa hyväksyä, hylätä tai säätää asetuksia tietosuojakäytännön kautta tai alatunnisteen "Evästeasetukset"-linkistä.
Asetuksesi (teema, lisäkoodekki-asetukset) tallennetaan
laitteesi localStorage-muistiin, jotta ne säilyvät uudelleenlatauksissa.
Selaintuki
Vaatii modernin selaimen, jossa on WebAssembly, Web Workerit ja
OffscreenCanvas — Chrome 90+, Firefox 90+ ja Safari 15+.
Vanhemmat selaimet saavat selkeän yhteensopivuusnäkymän.
Lue lisää
Jos haluat syventyä kuvaformaateihin, aloita kuvaformaattien vertailusta — käytännön opas JPEG-, PNG-, WebP- ja AVIF-formaatteihin — tai avaa PicBrewery.