Optimalizujte a komprimujte obrázky online pomocí technologie SmushIt

Pokud jste již dříve sledovali mé příspěvky, budete vědět, že jsem fanatik při optimalizaci mého webu pro nejlepší výkon. Jednou z věcí, které dělám, je komprimovat obrázky na co nejmenší možnou velikost bez ztráty vizuální kvality.

Pokud vás zajímá, proč zmenšení velikosti obrázků může pomoci při výkonu webu, v podstatě čím větší je velikost vašich obrázků, tím pomalejší trvá načtení serveru a vyšší pravděpodobnost, že se váš server zhroutí, když zaznamenáte dopravní špička (jako dosáhnout přední stránky Digg). Kromě toho, pokud hostujete vaše obrázky na webu třetí strany, jako je Amazon S3, mít menší obrázek také znamená nižší náklady, protože poplatek je založen na použité šířce pásma a úložném prostoru.

Jak komprimovat obrázky online pomocí programu SmushIt

Smush.it je služba vyvinutá týmem Yahoo Exceptional Performance, jejímž cílem je zlepšit výkon vašeho webu. SmushIt dělá to, že odstraní všechna metadata z obrázků a zkomprimuje je pomocí optimalizačního algoritmu, který nejen zmenší velikost, ale také zachová vizuální kvalitu. Když jsem ji poprvé použil, byl jsem překvapen, když jsem viděl 30% zmenšení velikosti obrázku, který jsem optimalizoval ve Photoshopu. Většinu času, kdy používám Smushit, je schopen holit 10-50%, občas 80% z velikosti obrázku.

Existuje několik způsobů, jak můžete použít Smush it pro optimalizaci obrázků online.

Nahrajte svůj obrázek

Pokud máte v počítači nějaké obrázky, které chcete optimalizovat, můžete je snadno nahrát na server Smushit prostřednictvím online uploaderu. Počet obrázků, které můžete nahrát, není nijak omezen, ale mějte na paměti, že čím více nahráváte, tím pomalejší je.

URL obrázku

Místo nahrávání můžete také nasměrovat Smushit na webovou adresu URL (například na svůj web) a nechat ji analyzovat a optimalizovat všechny obrázky v dané adrese URL..

Rozšíření Firefoxu

Toto je zdaleka můj oblíbený způsob používání Smushitu. Pokud používáte prohlížeč Firefox, můžete si nainstalovat rozšíření Smushit Firefox a mít k němu rychlý přístup kdykoli a kdekoli. Když se nacházíte na webové stránce (například když si prohlížíte svůj článek v příspěvku na svém webu) a chcete optimalizovat obrázky na této stránce, jednoduše klikněte na ikonu SmushIt na stavovém řádku a analyzuje a optimalizuje všechny obrázky na této stránce.

Alternativou k rozšíření Firefoxu je bookmarklet, který můžete umístit na lištu záložek.

Výsledek

Jakmile program SmushIt optimalizuje vaše obrázky, zobrazí zprávu o tom, kolik bytů oholil původní obrázky, a poskytne vám odkaz na soubory komprimovaných obrázků se zipem..

Doplněk WordPress

Další věc, pokud používáte WordPress, je také plugin Smushit, který můžete použít. Po aktivaci pluginu budou všechny obrázky, které na svůj web nahrajete, automaticky procházet prostřednictvím SmushIt za scénou. Neexistuje nic navíc, co musíte udělat. Můžete také přejít do knihovny médií v programu WordPress a zpracovat své stávající obrázky pomocí programu SmushIt.

Vyzkoušeli jste SmushIt pro optimalizaci a kompresi obrázků? Je to užitečné pro vás? Sdílejte s námi komentáře.