Hogyan lehet egy vagy több képet egyszerre tömöríteni

Az egyik első kihívás, amellyel e blog webmestereként szembesültem, a képekhez kapcsolódott. A képeket (JPG, PNG, GIF) nagyon magas igényig kellett tömörítenem, ha optimalizálni akartam a szerver erőforrásait, és gyorsan be is akartam tölteni.

Ma elmagyarázom azt a 2 módszert, amelyet a képek szerkesztésére és tömörítésére használok, mint egy igazi ninja . Az elmúlt 3 évben mindent kipróbáltam, de végül ez az, ami nekem a legjobban megfelel, ezért szeretném megosztani veletek.

Hogyan lehet egy vagy több képet egyszerre tömöríteni a lehető legegyszerűbb módon

Sokan javasolják a képek tömörítését, ha olyan programokat használnak, mint a Photoshop vagy más stílusú multimédiás szerkesztők. Valami nagyon jó, de az ilyen típusú alkalmazások általában nem olcsók pontosan, és rengeteg pro funkciót is tartalmaznak, amelyek nekem személy szerint rengeteg rendelkezésemre állnak - csak néhány módosítást szeretnék végrehajtani, és néhány képet tömöríteni, nem pedig rövid animációt készíteni 8 perc-.

Kép szerkesztése és tömörítése alkalmazás telepítése nélkül

Amikor csak egy képet kell tömörítenem, és be kell állítanom a margókat és méretet, akkor a Pixlr Express nevű webeszközt használom . Ez egy online alkalmazás, amely évekkel ezelőtt meglátta az Autodesk - ugyanaz, mint az Autocad - kezét, és most egy másik vállalatot (123RF) vásárolt. De térjünk rá a lényegre ...

A helyzet az, hogy még mindig ingyenes, és ugyanolyan jól működik. Nem csak ez, de nem is igényel regisztrációt, és lehetővé teszi számunkra a képek szerkesztését, szűrők, betűtípusok és jó néhány effektus hozzáadását. Régóta van a böngészőm "kedvencek" mappájában.

Kép tömörítéséhez a Pixlr Express segítségével csak be kell töltenünk a képet a szerkesztőbe, és kattintson a " Mentés " gombra . Mentéskor az eszköz lehetővé teszi számunkra a kívánt tömörítési szint alkalmazását (0% és 100% között).

A mentés idején az történik, amikor lehetővé teszi számunkra a kép tömörítését

Természetesen a kép minősége összhangban lesz az általunk alkalmazott tömörítési szinttel. Személyes ajánlásként azt tanácsolom, hogy alkalmazzon 65% -os tömörítési szintet az eredetihez képest . Ez az a pont, ahol a kép még mindig jól néz ki, és súlya drasztikusan csökken.

Hogyan lehet egyszerre több képet tömöríteni és kaszkádozni

Ha több képünk van a Pixlr-rel, akkor ez kissé unalmas lehet. Ezekben az esetekben a RIOT (Radical Image Optimization Tool) nevű ingyenes programot használom , amelyet kifejezetten JPG, GIF és PNG képek tömörítésére terveztek.

A RIOT lehetővé teszi számunkra a kép betöltését, a tömörítés szintjének beállítását és az előnézet megtekintését arról, hogy hogyan nézne ki a tömörítés alkalmazása után. Ez nagyszerű számunkra, hogy minél jobban beállítsuk, és mégis jól nézzünk ki.

De a RIOT igazi varázsa a „Batch” funkciójában rejlik. Innen egyszerre több képet tölthetünk be (például az összes mappában vagy almappában található összes képet), és kaszkádba tömöríthetjük őket . Ehhez csak a „ Kötegelt ” ikonra kell kattintanunk , ki kell választanunk a célmappát ( Output mappa ) és a forrásmappát ( Képek hozzáadása -> Az összes kép hozzáadása a mappából ). Ha mindent megkapunk kedvünk szerint, kattintson a " Start " gombra a tömeges tömörítéshez az összes kiválasztott képhez.

Szép, hallod ...

A képek egyesével történő tömörítése és az ilyesmi közötti különbség egyszerűen mélységes. Képzelje el, hogy optimalizálnia kell egy egyetemi munka összes képét, vagy ami még rosszabb, a webhelyén található összes képet.

A tökéletes tömörítési szint a képekhez egy blogon vagy egy weboldalon

Amint valamivel fentebb említettem, a tökéletes tömörítési szint 65% a weboldalaknál. De ez csak személyes ajánlás ...

De ha van weboldalunk, és a "tökéletes" tömörítési szintet akarjuk, akkor biztosan valami mást akarunk, mint egy olyan dió személyes ajánlása, aki önmagát "boldog androidnak" nevezi.

Ezekben az esetekben a Google rendelkezik a Pagespeed Insights webmestereknek ismert oldalával. Ez az eszköz amellett, hogy megmondja nekünk a weboldalunk betöltési sebességét és további tanácsokat, lehetővé teszi számunkra, hogy letöltsük az összes kép másolatát, amelyet egy adott URL tartalmaz. A képek ezeket a példányait 100% -ban optimalizálják.

A képek letöltéséhez meg kell adnunk az URL-t, ahol lógnak, és kattintson az " Elemzés " gombra. Az elemzés befejezése után a " Számítógép " fülről szinte a végére görgetünk, és kattintsunk az " Erre az oldalra optimalizált képforrások, JavaScript és CSS letöltése " linkre . Automatikusan beszerezünk egy ZIP-fájlt, az erőforrások optimalizálásával.

Kicsit rejtve van, de brutális hasznosságú funkció

Remélem, hogy ez a bemutató hasznos lesz az Ön számára. Ha valami ilyesmit elolvashattam volna, amikor elkezdtem ezt a projektet, az bizony sok fejfájást mentett volna meg.

PS: A múltbeli "én" -nek szentelt bejegyzés. Lássuk, tanul-e, kölyök!

Telepítve van a Telegram ? Minden nap legjobb bejegyzést kaphat csatornánkon . Vagy ha úgy tetszik, mindent megtudhat a Facebook oldalunkról .