appiphanyinc.com

Jedna z prvních výzev, které jsem jako správce tohoto blogu čelil, se týkala obrázků. Potřeboval komprimovat obrázky (JPG, PNG, GIF) s velmi vysokou úrovní požadavků pokud jste chtěli optimalizovat prostředky serveru a také se rychle načíst.

Dnes vysvětlím 2 metody, které používám upravovat a komprimovat obrázky jako skutečný ninja. Za poslední 3 roky jsem vyzkoušel všechno, ale nakonec mi to nejlépe vyhovuje, takže se o to s vámi chci podělit.

Jak komprimovat jeden nebo více obrázků najjednodušším možným způsobem

Mnoho lidí doporučuje komprimovat obrázky pomocí programů jako Photoshop nebo jiných multimediálních editorů stylu. Něco, co je velmi dobré, ale tento typ aplikace obvykle nejsou levné přesně a přinášejí také mnoho profesionálních funkcí, kterých mám osobně spoustu - chci jen udělat pár vylepšení a komprimovat několik obrázků, ne vytvořit krátkou 8minutovou animaci.

Jak upravit a komprimovat obrázek bez instalace jakékoli aplikace

Když vše, co potřebuji, je komprimovat obrázek a upravit jeho okraje a velikost Používám webový nástroj s názvem Pixlr Express. Jedná se o online aplikaci, která před lety uzřela světlo světa společnosti Autodesk - stejné od společnosti Autocad - a kterou nyní získala jiná společnost (123RF). Ale pojďme k věci ...

Jde o to, že je stále zdarma a funguje stejně dobře. Nejen to, ale není nutná registrace a umožňuje nám to upravovat obrázky, přidávat filtry, písma a spoustu hrstek efektů. Už dlouho jsem ho měl ve složce „oblíbené“ ve svém prohlížeči.

Komprimovat obrázek pomocí Pixlr Express stačí načíst obrázek do editoru a stisknout "Uložit”. Při jeho ukládání nám nástroj umožní použít požadovanou úroveň komprese (od 0% do 100%).

V době ukládání je to, když nám to umožňuje komprimovat obraz

Kvalita obrazu bude samozřejmě odpovídat úrovni komprese, kterou aplikujeme. Jako osobní doporučení bych vám doporučil podat žádost úroveň komprese 65% ve srovnání s originálem. Jedná se o bod, kdy obraz stále vypadá dobře a jeho váha je drasticky snížena.

Jak komprimovat více obrázků najednou a kaskádově

Pokud máme několik obrázků, může být práce s Pixlrem trochu zdlouhavá. Pro tyto případy používám bezplatný program s názvem RIOT (Radical Image Optimization Tool), speciálně navržený pro kompresi obrázků JPG, GIF a PNG.

RIOT nám umožňuje načíst obrázek, upravit úroveň komprese a zobrazit náhled toho, jak by to vypadalo po použití komprese. To je skvělé, abychom to co nejvíce upravili a stále vypadali dobře.

Skutečné kouzlo RIOTu je ale v jeho funkci „Batch“. Odtud můžeme načíst několik obrázků najednou (například všechny obrázky obsažené ve složce nebo podsložkách) a komprimujte je do kaskády. K tomu stačí kliknout na ikonu "Šarže”, Vyberte cílovou složku (Výstupní složka) a zdrojová složka (Přidat obrázky -> Přidat všechny obrázky ze složky). Jakmile máme vše, co se nám líbí, stačí kliknout na „Start„Chcete-li provést hromadnou kompresi pro všechny vybrané obrázky.

To je hezké, slyšíte ...

Rozdíl mezi komprimací obrázků jeden po druhém a tímto způsobem je prostě propastný. Představte si, že musíte optimalizovat všechny obrázky univerzitního zaměstnání, v horším případě všechny obrázky na vašem webu.

Dokonalá úroveň komprese obrázků na blogu nebo webu

Jak jsem zmínil výše, dokonalá úroveň komprese je u webových stránek 65%. Ale toto je jen osobní doporučení ...

Pokud ale máme webovou stránku a chceme „dokonalou“ úroveň komprese, určitě budeme chtít něco víc než osobní doporučení blázna, který si říká „šťastný android“.

V těchto případech má Google známou stránku pro webmastery Pagespeed Insights. Tento nástroj nám kromě toho, že nám říká rychlost načítání našich webových stránek a dává nám další rady, také umožňuje stáhnout kopii všech obrázků, které konkrétní URL obsahuje. Tyto kopie obrázků budou 100% optimalizovány.

Chcete-li stáhnout obrázky, musíme zadat adresu URL, kde visí, a kliknout na „Analyzovat“. Jakmile je analýza dokončena, z „Počítač„Posouváme se téměř na konec a klikneme na odkaz.“Stáhněte si obrázek, JavaScript a zdroje CSS optimalizované pro tuto stránku“. Automaticky získáme soubor ZIP s těmito prostředky již optimalizovanými.

Je to trochu skryté, ale je to funkce s brutálním nástrojem

Doufám, že vám tento návod pomůže. Kdybych mohl něco takového číst, když jsem zahájil tento projekt, určitě by mi to ušetřilo spoustu bolestí hlavy.

P.D: Příspěvek věnovaný mému „mě“ z minulosti. Uvidíme, jestli se naučíte, chlapče!

Máte Telegram nainstalován? Získejte nejlepší příspěvek každého dne náš kanál. Nebo pokud chcete, zjistěte vše z našeho facebooková stránka.