Squoosh

Squoosh je webová aplikace na kompresi (zmenšení datové velikosti souboru) a převod obrázků. Vyrobil ji tým Google Chrome Labs a je to open source (zdrojový kód je veřejný) pod licencí Apache-2.0. Obrázek zpracuje přímo v prohlížeči, podle výrobce ho nikam neposílá. Otevřeš jednu fotku. Vlevo vidíš originál, vpravo výsledek i s velikostí souboru. Nastavení ladíš, dokud ti výsledek nesedí. S e-shopem se sám nepropojí.

• Uložení do WebP, AVIF, JPG přes kodek MozJPEG, PNG přes OxiPNG a QOI. JPEG XL je v betaverzi, WebP v2 (nová verze formátu WebP) výrobce označuje jako nestabilní
• Porovnání originálu a výsledku vedle sebe s posuvníkem a přiblížením. U výsledku vidíš velikost souboru a o kolik procent se zmenšil
• Nastavení kvality a pokročilé volby každého kodeku, u WebP i bezztrátový režim (bez ztráty kvality)
• Změna velikosti v pixelech nebo předvolbou (25 %, 50 % a další) se zachováním poměru stran, zmenšení počtu barev a otočení
• Nastavení jde uložit a u další fotky načíst, takže stejnou kvalitu nastavíš jedním klikem
• Nahrání přetažením, výběrem souboru nebo vložením ze schránky
• V prohlížečích, které to umí, se dá nainstalovat jako aplikace (PWA, webová aplikace spuštěná jako program)

1. 1Otevři squoosh.app a přetáhni do okna fotku, nebo ji vlož ze schránky tlačítkem Paste (ukáže se v prohlížečích, které to umí).
2. 2Vlevo zůstane originál (Original Image), vpravo výsledek. U výsledku vyber v nabídce Compress formát: MozJPEG pro JPG, WebP nebo AVIF.
3. 3Posuvníkem Quality nastav kvalitu a sleduj velikost souboru. Posuvníkem přes obrázek porovnáš originál s výsledkem.
4. 4Když má fotka zbytečně velký rozměr, zapni Resize a zadej šířku v pixelech. Nech zapnuté Maintain aspect ratio (zachovat poměr stran).
5. 5Stáhni výsledek. Nastavení si ulož přes Save side settings a u další fotky ho načti přes Import saved side settings.
6. 6Na Shoptetu nahraj JPG v Produkty → Přehled → detail produktu → Fotogalerie → Nahrát. Soubor smí mít nejvýš 2 MB, do WebP ho zákazníkům Shoptet převede sám.
7. 7Na Upgates nahrávej obrázky do 1 000 px, větší Správce souborů sám zmenší a JPG znovu zkomprimuje. Nápověda Upgates doporučuje datovou velikost obrázku do 150 kB.

Když potřebuješ zmenšit pár konkrétních obrázků a chceš vidět, kde komprese začíná kazit detail. Náš materiál z ESHOP BOOSTERu k fotkám v detailu produktu radí zmenšit fotku na WebP do 100 kB a jmenuje k tomu TinyPNG a Squoosh. Na Shoptetu WebP vyrábět nemusíš. Platforma obrázky zákazníkům ve většině případů převádí do WebP sama, stačí ti zkomprimované JPG.

• Zpracuje jeden obrázek naráz. Žádost o hromadné nahrání čeká na GitHubu nevyřízená od března 2024.
• Verzi pro příkazovou řádku a knihovnu pro programátory výrobce 3. 1. 2023 zrušil. Webovou aplikaci podle výrobce dál podporuje.
• Poslední změna v hlavní verzi kódu na GitHubu je z 19. 8. 2024.
• U některých fotek z mobilu může výsledek vyjít otočený, protože Squoosh nečte otočení uložené v metadatech (skrytých údajích, třeba datu focení nebo poloze GPS). Hlášení čeká na GitHubu nevyřízené od roku 2018. Zkontroluj náhled, fotku otočíš přímo ve Squooshi.
• Obrázek podle výrobce neopustí počítač. Squoosh ale přes Google Analytics sbírá základní údaje o návštěvě a velikost obrázku před a po kompresi.
• Cílovou velikost v kB u WebP, AVIF ani MozJPEG v rozhraní nenajdeš. Kvalitu ladíš ručně a hlídáš velikost souboru u výsledku.
• Nápověda Shoptetu uvádí WebP mezi povolenými formáty a o kus níž píše, že nahrát obrázek přímo ve WebP zatím nejde. Na Shoptet proto nahrávej JPG, do WebP ho převede sám.