1. Kezdőlap
2. Rólunk

A PicBrewery-ról

A PicBrewery egy ingyenes, nyílt eszköz, amely a böngészőben tömöríti és konvertálja a képeket. A képek nem kerülnek feltöltésre — a készülékén maradnak.

Mit csinál

A PicBrewery egy egyoldalas webalkalmazás fényképek és grafikák optimalizálásához. Húzzon be JPG, PNG, WebP, AVIF vagy BMP fájlokat, és kapja meg a tömörített változatokat mind a négy modern formátumban egymás mellett — így kiválaszthatja a legkisebbet, ami még jól néz ki. Kötegenként legfeljebb 20 fájl, fájlonként 20 MB, két párhuzamos kódolással, hogy a laptop továbbra is gördülékeny maradjon.

Miért érdemes optimalizálni a képeket?

A képek általában egy weboldal legnagyobb része — gyakran több, mint a HTML, a CSS és a JavaScript együtt. Tömörítésük és modern formátumokra alakításuk a leggyorsabb, legalacsonyabb kockázatú módja, hogy gyorsítson egy oldalt, csökkentse a sávszélesség-igényt és javítsa a keresési rangsorolást anélkül, hogy egy sor kódot átírna.

• Gyorsabb betöltés és jobb SEO. A képek súlya főként a Largest Contentful Paint (LCP) és a Google Core Web Vitals szempontjait befolyásolja. A fő képek 40–60%-os csökkentése az LCP-t a „gyenge” tartományból a „jó” tartományba viheti, ami közvetlen hatással van a mobil rangsorolásra és a hirdetési minőségi pontszámokra.
• Alacsonyabb visszafordulási arány mobilon és lassú hálózaton. 3G/4G-n vagy instabil Wi‑Fin a nagy JPEG-ek késleltetik az első értelmes megjelenítést. A látogatók elhagyják az oldalt, ha a megjelenítés ~3 másodpercnél tovább tart. Egy kisebb AVIF vagy WebP változat használhatóvá teszi az oldalt ott is, ahol a forgalom többsége van.
• Olcsóbb tárhely és CDN forgalom. A sávszélesség gyakran a legnagyobb változó költség statikus oldalaknál, webáruházaknál és marketing oldalaknál. A képméret felezése felezi a képekre eső forgalmat — nagy léptékben ez valós megtakarítás havonta.
• PWA telepítési méret és offline gyorsítótár. A service worker gyorsítótárak és az app shell sok eszközön korlátozott méretűek. Kisebb képek gazdagabb offline élményt, gyorsabb újranyitást és több helyet jelentenek más erőforrásoknak.
• Gördülékenyebb UX alkalmazásokban és animációkban. A nagy bitmap dekódolása blokkolja a fő szálat. Könnyebb fájlok gyorsabban dekódolódnak — a görgetés és az átmenetek 60 fps-en maradhatnak gyengébb hardveren is.

Hogyan működik

A PicBrewery éles környezetben használatos képkodekeket futtat, amelyeket WebAssembly-re fordítottak, és Web Workers-ben hajt végre, hogy a felület reszponzív maradjon. Ugyanazok a könyvtárak dolgoznak, mint asztali eszközökben — csak a „ragasztó” JavaScript.

• JPEG — MozJPEG, a referencia minőségű JPEG kódoló.
• PNG — oxipng (Rust), veszteségmentes PNG optimalizáló.
• WebP — Google libwebp, veszteséges és veszteségmentes módban is.
• AVIF — libavif az AOM AV1 kódolóval — jelenleg a legjobb tömörítés fényképekhez.

Amikor fájlokat ejt be, a dekódolás és újrakódolás teljes egészében a készülékén történik. Az OffscreenCanvas API és a típusos tömbök minimális másolással mozgatják a pixeleket. A kész blobok közvetlenül letöltési linkbe vagy a böngészőben épített ZIP archívumba kerülnek az fflate segítségével.

Adatvédelem

A képfeldolgozás 100%-ban kliensoldali. A fájlok dekódolása, újrakódolása és ZIP-be csomagolása a böngészőben történik — nem kerülnek feltöltésre szerverre; a kodekek binárisai statikus erőforrásként töltődnek le. Betöltés után a PicBrewery offline is működhet.

Maga a webhely adatvédelmet tiszteletben tartó analitikát használ (Google Analytics 4 és Yandex.Metrika), és megjeleníthet hirdetéseket (Google AdSense és a Yandex hirdetési hálózata), hogy a projekt ingyenes maradhasson. Ezek egyike sem töltődik be a süti bannerben adott beleegyezés nélkül — elfogadhatja, elutasíthatja vagy módosíthatja választását bármikor az Adatvédelmi irányelvek oldalon vagy a láblécben a „Süti beállítások” linkkel.

A beállításai (téma, speciális kodek beállítások) localStorage-ba kerülnek a készülékén, hogy túléljék az újratöltéseket.

Böngésző támogatás

Modern böngésző szükséges WebAssembly-sel, Web Workers-szel és OffscreenCanvas-sal — Chrome 90+, Firefox 90+ és Safari 15+. Régebbi böngészők egyértelmű inkompatibilitási képernyőt látnak.

További információ

Ha mélyebben szeretne a képformátumokkal foglalkozni, kezdje a Képformátumok összehasonlítása oldallal — gyakorlati útmutató a JPEG, PNG, WebP és AVIF formátumokhoz —, vagy nyissa meg a PicBrewery-t.