reklama
Obrázky dnes tvoří nedílnou součást webu. A jak se ukazuje, obrázky jsou jednou z nejčastějších příčin pomalého načítání stránky. Vzhledem k tomu, že spousta mobilních zařízení přistupuje k internetu a nedávné náznaky, že rychlost načítání vašeho webu by ovlivnila jeho hodnocení na Googlu, byste určitě chtěli odstranit toto úzké hrdlo.
Jedním ze způsobů, jak optimalizovat fotografie pro web, je použití skřítků CSS. Sprite fungují nejlépe pro obrázky, které se používají uvnitř navigace nebo jiných prvků webu, které zůstanou víceméně stejné. Druhou možností je optimalizovat velikost obrázku změnou množství informací obsažených v obrazech, jejich kompresí a odstraněním zbytečných metadat.
Zde jsou některé z možností, které můžete použít k optimalizaci obrázků pro web.
Použijte svůj editor obrázků
Většina editorů obrázků má jeden nebo více způsobů, jak optimalizovat obrázky pro web. Photoshop a GIMP vám umožňují vybrat kvalitu uloženého souboru, kterou lze použít k řízení velikosti souboru. Kromě toho Photoshop také nabízí
uložit na web funkce, která nejen optimalizuje velikost, ale také se stará o profily barev tak, aby barvy na vašich obrázcích vypadaly na obrazovce stejně, jako chcete.
Vyvinutý společností Yahoo, Smush. Analyzuje formát souboru konkrétního obrazového souboru, který se pokoušíte optimalizovat, a poté použije konkrétní optimalizace pro tento konkrétní obrazový formát. Skvělá věc na Smushovi. Je to tak, že to nemění kvalitu obrazu. Nahrajete obrázky, které chcete optimalizovat, Smush. Zpracuje je a vrátí výsledky do souboru ZIP ke stažení.
Online Image Optimizer [již není k dispozici]
Online Image Optimizer vám umožní nahrát obrázek gif, jpg nebo png o velikosti 300 kB nebo méně a optimalizovat je. Stačí si vybrat obrázek z počítače, nahrát ho a online Image Optimizer udělá zbytek za vás. Představuje řadu různých verzí obrázku spolu s velikostí a volitelným náhledem. V závislosti na účelu, ze kterého obraz používáte, si můžete vybrat ze souboru možností. U obrazů velmi nízké velikosti je patrná degradace kvality obrazu. Volitelně online Image Optimizer také poskytuje možnost převést formát obrazového souboru na jeden GIF, JPG nebo PNG.
Drtič PNG
PNG Crusher je aplikace pro Mac. Jak název napovídá, specializuje se na optimalizaci souborů PNG. Tato aplikace vám poskytne kontejner nejrůznějších typů, který vám umožní přetahovat soubory PNG na něj. Soubory jsou pak komprimovány pomocí OptiPNG jako backendu. Na stránkách se uvádí, že některé PNG jsou již dosti optimalizované a drtič PNG s nimi nemůže dělat moc. Soubory PNG jsou nahrazeny optimalizovanými verzemi, pouze pokud jsou komprimované soubory menší než původní.
GIFWorks
GIFWorks provádí řadu operací se soubory GIF. Můžete nahrát obrázek z počítače nebo zadat webovou adresu URL a poté upravit soubor GIF, přidat přechodové efekty mezi rámečky a optimalizovat obrázek GIF. GIFWorks vám nabízí tři možnosti optimalizace obrázků GIF pro web, můžete snížit barvy, omezte paletu pouze na bezpečné barvy na webu nebo rozdělte snímky a vyberte, které z nich chcete vybrat držet. Kromě toho GIFWorks také umožňuje vytvářet 3D text od nuly.
[ŽÁDNÉ LONGER PRÁCE] PunyPNG
PunyPNG vám umožňuje optimalizovat obrázky GIF, JPG a PNG pro web jejich převodem do komprimovaných souborů PNG. Během kompresního procesu je minimální až žádná ztráta kvality a výsledky jsou vynikající. Web vyžaduje flash a má maximální velikost souboru limit 350 KB.
Které aplikace používáte k optimalizaci obrázků pro web? Dejte nám o nich vědět v komentářích.
Jsem Varun Kashyap z Indie. Jsem nadšený z počítačů, programování, internetu a technologií, které je řídí. Miluji programování a často pracuji na projektech v Javě, PHP, AJAX atd.