Image Optimizer - METINAS
Kategoria
Branding
Klient
METINAS s.r.o.
Realizácia
1 week
Image Optimizer je webová aplikácia, ktorú sme vyvinuli ako vlastnú alternatívu k plateným nástrojom na optimalizáciu obrázkov. Po rokoch práce s limitovanými a predraženými riešeniami sme sa rozhodli postaviť kompletne vlastný nástroj, ktorý robí presne to, čo potrebujeme: konvertuje PNG do WebP, JPEG do AVIF, optimalizuje obrázky v bulk režime a výsledky sú pripravené na stiahnutie za pár sekúnd. Bez registrácie, bez mesačných poplatkov, bez limitu na počet súborov. Aplikácia je voľne dostupná na image‑optimizer.metinas.dev a denne ju používame pri vývoji webstránok a eshopov pre našich klientov.
(VÍZIA)
Platené nástroje na optimalizáciu obrázkov nás roky obmedzovali. TinyPNG s limitom na počet súborov. Kraken.io s mesačným predplatným za funkcie, ktoré potrebujete dvakrát do mesiaca. Squoosh bez bulk spracovania. Každý nástroj riešil niečo, no žiadny nerobil presne to, čo sme potrebovali, jednoducho, rýchlo a bez zbytočných obmedzení. Rozhodli sme sa vziať veci do vlastných rúk a postaviť nástroj, ktorý používame sami každý deň. S príjemným rozhraním, bez registrácie a s podporou formátov, ktoré moderné weby reálne potrebujú, predovšetkým WebP a AVIF.
(PROBLÉM)
Neoptimalizované obrázky sú najčastejšia príčina pomalého načítania webstránok, s ktorou sa u klientov stretávame. Fotka z telefónu nahratá priamo na web má 4 až 8 MB. Po konverzii do WebP alebo AVIF s inteligentnou kompresiou 150 až 400 KB, bez viditeľného rozdielu v kvalite. To je úspora 90 až 95 %. Problém je, že väčšina dostupných nástrojov buď stojí peniaze, ktoré sa pri bežnom používaní neoplatia, alebo majú limity, ktoré vás nútia platiť za niečo, čo by malo byť samozrejmé. Náš Image Optimizer tieto obmedzenia nemá, pretože sme ho stavali pre vlastnú potrebu a až potom sprístupnili ostatným.
(NÁŠ POSTUP)
Celý nástroj stojí na jednoduchosti. Pretiahnete súbory do okna, vyberiete cieľový formát a o niekoľko sekúnd máte optimalizované verzie. Podporujeme konverzie, ktoré reálne riešia rýchlosť webov: PNG do WebP, PNG do AVIF, JPEG do WebP, JPEG do AVIF, WebP do AVIF a samozrejme optimalizáciu v rámci pôvodného formátu. Pri každom súbore si používateľ vyberie medzi lossless kompresiou, ktorá zachováva pôvodnú kvalitu, a lossy kompresiou, ktorá výrazne zmenší veľkosť s minimálnou viditeľnou zmenou. Automaticky odstraňujeme EXIF metadáta a resizujeme nadrozmerné obrázky. Výsledky je možné stiahnuť jednotlivo alebo všetky naraz ako ZIP archív.
(POTREBY UŽÍVATEĽA)
Webový vývojár potrebuje pred nasadením webu skonvertovať všetky PNG a JPEG obrázky do WebP alebo AVIF, aby stránka spĺňala Core Web Vitals. Marketér pripravuje vizuály pre blog a potrebuje znížiť veľkosť bez straty kvality. Majiteľ eshopu pridáva produktové fotky a nechce, aby každý nový obrázok spomalil načítanie katalógu. Náš klient aktualizuje obsah na webe a potrebuje jednoduché riešenie, ktoré zvládne bez technických znalostí. Pre všetkých platí rovnaké: nahrať, skonvertovať, stiahnuť. Bez registrácie, bez limitov, bez platenia za niečo, čo by malo byť zadarmo.
(VÝZVY)
Hlavnou výzvou bolo dosiahnuť kvalitu kompresie porovnateľnú s platenými nástrojmi pri zachovaní jednoduchého rozhrania. Každý formát sa správa inak. Konverzia PNG do WebP vyžaduje iný prístup ako JPEG do AVIF, pretože PNG pracuje s transparentnosťou, ktorú treba zachovať, zatiaľ čo JPEG optimalizácia sa zameriava na farebnú presnosť. Implementovali sme logiku, ktorá automaticky rozpozná typ obsahu a zvolí najvhodnejšie nastavenie kompresie. Pri bulk spracovaní backend musí zvládnuť desiatky súborov súčasne bez spomalenia, čo si vyžiadalo dôkladnú optimalizáciu spracovania na strane servera.
(USER CENTRIC)
Aplikácia je navrhnutá pre človeka, ktorý nechce riešiť nastavenia a predplatné. Otvorí stránku, nahrá súbory, vyberie cieľový formát (WebP, AVIF alebo optimalizácia v pôvodnom formáte) a o niekoľko sekúnd má výsledok. Pri každom obrázku vidí porovnanie veľkosti pred a po, takže presne vie koľko ušetril. Rozhranie je čisté a príjemné, pretože sme ho navrhovali pre seba a nechceli sme sa každý deň pozerať na neprehľadný nástroj. Celá interakcia od nahrania po stiahnutie trvá menej ako minútu.
