Image Optimizer - METINAS
Kategoria
Branding
Klient
METINAS s.r.o.
Realizácia
1 týden
Image Optimizer je webová aplikace, kterou jsme vyvinuli jako vlastní alternativu k placeným nástrojům na optimalizaci obrázků. Po letech práce s omezenými a předraženými řešeními jsme se rozhodli postavit kompletně vlastní nástroj, který dělá přesně to, co potřebujeme: konvertuje PNG do WebP, JPEG do AVIF, optimalizuje obrázky v hromadném režimu a výsledky jsou připraveny ke stažení za pár sekund. Bez registrace, bez měsíčních poplatků, bez limitu na počet souborů. Aplikace je volně dostupná na image-optimizer.metinas.dev a denně ji používáme při vývoji webových stránek a e-shopů pro naše klienty.
(VÍZIA)
Placení nástroje na optimalizaci obrázků nás roky omezovaly. TinyPNG s limitem na počet souborů. Kraken.io s měsíčním předplatným za funkce, které potřebujete dvakrát do měsíce. Squoosh bez hromadného zpracování. Každý nástroj řešil něco, no žádný nedělal přesně to, co jsme potřebovali, jednoduše, rychle a bez zbytečných omezení. Rozhodli jsme se vzít věci do vlastních rukou a postavit nástroj, který používáme sami každý den. S příjemným rozhraním, bez registrace a s podporou formátů, které moderní weby skutečně potřebují, především WebP a AVIF.
(PROBLÉM)
Neoptimalizované obrázky jsou nejčastější příčinou pomalého načítání webových stránek, s kterou se u klientů setkáváme. Fotka z telefonu nahraná přímo na web má 4 až 8 MB. Po konverzi do WebP nebo AVIF s inteligentní kompresí 150 až 400 KB, bez viditelného rozdílu v kvalitě. To je úspora 90 až 95 %. Problém je, že většina dostupných nástrojů buď stojí peníze, které se při běžném používání nevyplatí, nebo mají limity, které vás nutí platit za něco, co by mělo být samozřejmé. Náš Image Optimizer tyto omezení nemá, protože jsme ho stavěli pro vlastní potřebu a až poté sprístupnili ostatním.
(NÁŠ POSTUP)
Celý nástroj stojí na jednoduchosti. Přetáhnete soubory do okna, vyberete cílový formát a o několik sekund máte optimalizované verze. Podporujeme konverze, které skutečně řeší rychlost webů: PNG do WebP, PNG do AVIF, JPEG do WebP, JPEG do AVIF, WebP do AVIF a samozřejmě optimalizaci v rámci původního formátu. Při každém souboru si uživatel vybírá mezi lossless kompresí, která zachovává původní kvalitu, a lossy kompresí, která výrazně zmenší velikost s minimální viditelnou změnou. Automaticky odstraňujeme EXIF metadata a resizeujeme nadměrné obrázky. Výsledky je možné stáhnout jednotlivě nebo všechny najednou jako ZIP archív.
(POTREBY UŽÍVATEĽA)
Webový vývojář potřebuje před nasazením webu konvertovat všechny PNG a JPEG obrázky do WebP nebo AVIF, aby stránka splňovala Core Web Vitals. Marketér připravuje vizuály pro blog a potřebuje zmenšit velikost bez ztráty kvality. Majitel e-shopu přidává produktové fotky a nechce, aby každý nový obrázek zpomalil načítání katalogu. Náš klient aktualizuje obsah na webu a potřebuje jednoduché řešení, které zvládne bez technických znalostí. Pro všechny platí stejné: nahrát, konvertovat, stáhnout. Bez registrace, bez limitů, bez placení za něco, co by mělo být zdarma.
(VÝZVY)
Hlavní výzvou bylo dosáhnout kvality komprese srovnatelné s placenými nástroji při zachování jednoduchého rozhraní. Každý formát se chová jinak. Konverze PNG do WebP vyžaduje jiný přístup než JPEG do AVIF, protože PNG pracuje s transparentností, kterou je třeba zachovat, zatímco JPEG optimalizace se zaměřuje na barevnou přesnost. Implementovali jsme logiku, která automaticky rozpozná typ obsahu a zvolí nejvhodnější nastavení komprese. Při hromadném zpracování backend musí zvládnout desítky souborů současně bez zpomalení, což si vyžádalo důkladnou optimalizaci zpracování na straně serveru.
(USER CENTRIC)
Aplikace je navržena pro člověka, který nechce řešit nastavení a předplatné. Otevře stránku, nahrává soubory, vybere cílový formát (WebP, AVIF nebo optimalizace v původním formátu) a o několik sekund má výsledek. Při každém obrázku vidí porovnání velikosti před a po, takže přesně ví, kolik ušetřil. Rozhraní je čisté a příjemné, protože jsme ho navrhovali pro sebe a nechtěli jsme se každý den dívat na nepřehledný nástroj. Celá interakce od nahrání po stažení trvá méně než minutu.
