PicBrewery teave
PicBrewery on tasuta, avatud tööriist, mis pakib ja teisendab pilte täielikult teie brauseri sees. Pildid ei laeta serverisse — need jäävad seadmesse.
Mis see on
PicBrewery on ühe lehe veebirakendus fotode ja graafika optimeerimiseks. Visake sisse JPG-, PNG-, WebP-, AVIF- või BMP-faile ja saage kõigist neljast kaasaegsest vormingust korraga tihendatud variandid, et valida iga pildi puhul väikseim, mis ikka hea välja näeb. Kuni 20 faili, kuni 20 MB faili kohta, kaks paralleelset kodeerimist, et sülearvuti jääks reageerivaks.
Miks pilte optimeerida?
Pildid on tavaliselt iga lehe üks suurimad — tihti suurem kui kogu HTML, CSS ja JavaScript kokku. Piltide pakkimine ja teisendamine kaasaegsetesse vormingutesse on kiirem ja riskiväiksem viis lehte kiiremaks teha, edastus- ja hostimiskulusid alandada ning otsingus positsioone parandada ilma rida koodi ümberkirjutamata.
- Kiirem laadimine ja parem SEO. Piltide raskus on LCP (Largest Contentful Paint) peamisi mõjutajaid ja märkimisväärne osa Google Core Web Vitalsist. 40–60% väiksemad hero-pildid võivad lükata LCP „halvast“ „headasse“, mis mõjutab otsitulemusi ja kampaaniate pakkumise kvaliteeti.
- Vähenenud hüppeedud mobiilis ja aeglases võrgus. 3G/4G või ebastabiilse WiFi korral hilinevad mitme-megabaidised JPEG-id esimest arusaadavat pilti. Külalised lahkuvad, kui laadimine kestab üle ~3 sekundi. Väiksemad AVIF- või WebP-failid hoidvad saidi kasutatavana seal, kus enamus liiklust tegelikult tuleb.
- Odavam hostimine ja CDN-egress. Bändwidth on paljude statiliste, e-poodide ja SaaS-landing’ute suurim muutuv kulu. Poole väiksema pildiraskuse korral poole väiksem tüüpilise saidi pildi-andmete väljumine hõlmab kogu ülekande enamuse — sääst raha igas kuu suures mahus.
- PWA paigalduse suurus ja offline-cache. Teenusepakkujate cache’id ja koorikud on seadmetel piiratud. Väiksemad pildid annavad rikkaliku offline, kiirem uuesti-avamin ja rohkem vaba määru teiste varade paigutamiseks.
- Libedam UI rakendustes ja animatsioonides. Hiigelbitmappi dekodeerimine blokeerib põimlõime ja tekitab scrolli ja sätete vahetuse lonksud. Kergemad failid dekodeeruvad kiiremini — 60 kaadrit sekundis ja terav reaktsioon ka nõrgal riistvaral.
Kuidas see töötab
PicBrewery jooksutab tootmiskvaliteediga pildikoodekite WebAssembly-versioone Web Workerites, nii et kasutajaliides püsib reageeriv. Samad teegid, mis toidavad natiivtööriistu, teevad rasket tööd — ainus „liim“ on JavaScript.
- JPEG — MozJPEG, tunnustatud kvaliteediga JPEG-encoder.
- PNG — oxipng (Rust), kadudeta PNG optimeerija.
- WebP — Google’i libwebp, nii kaotustega kui kadudeta.
- AVIF — libavif AOM AV1-encoderiga — tänane parim tase fototõhususes.
Faili langemisel toimub dekodeerimine ja uuesti kodeerimine täielikult teie
seadmes. OffscreenCanvas API ja tüübistatud massiivid liigutavad
pikslitõmmist minimaalsete kopeerimistega. Valmisbloobid suunatakse
allalaadimislingi või fflate’i abil
brauseris koostatud ZIP-isse.
Privaatsus
Töötlemine on 100% kliendipoolne. Teie failid dekoodeeritakse, uuesti kodeeritakse ja pakkitakse ainult brauseri sees — neid ei laeta kuhugi serverisse, koodekid on staatilised varad. Pärast laadimist töötab PicBrewery isegi offline.
Sait kasutab privaatsust lugupidavat analüütikat (Google Analytics 4 ja Yandex.Metrika) ja võib näita reklaame (Google AdSense ja Yandex Advertising Network) projekti tasuta hoidmiseks. Midagi nendest ei laadita, kuni olete nõusolekuga nõus — otsust saate iga aeg muuta privaatsuspoliitika lehel või jaluses linki „Küpsiste seaded” kaudu.
Eelistused (teema, täpsemad kodekiseaded) salvestuvad
localStorage’i, et jääksid pärast uuesti laadimist alles.
Brauseri tugi
Vajatakse kaasaegset brauserit WebAssembly, Web Workerite ja
OffscreenCanvas’ega — Chrome 90+, Firefox 90+ ja Safari 15+.
Vanemad brauserid saavad ilmse ühildumatuse kuva.
Lisalugemist
Kui soovite pildivormingute kohta rohkem teada, alustage pildivormingute võrdlusest — praktilisest juhises JPEG, PNG, WebP ja AVIF — või avage PicBrewery.