Jak zmenšit animaci gif. Změnit velikost GIF: Nemůže to být jednodušší

Zdravím všechny, kdo právě čtou. Dnes vám řeknu o svých několika způsobech, jak snížit velikost (váhu) obrázku, snímku obrazovky, fotografie, animace GIF bez ztráty kvality pro vložení na web.

Zmenšení velikosti obrázku různými způsoby

Každý obrázek nebo obrázek, nazvěte si to jak chcete ;), má svou velikost, která se skládá z několika bodů, to jsou vertikální výška, horizontální šířka (px) a váha - kilobajty (KB), megabajty (MB).

Zmenšení velikosti (váhy) obrázku se příznivě projeví na rychlosti načítání stránek – výkonu webu a také pomůže ušetřit místo na vašem hostingu, počítači nebo flash disku.

Souhlasíte, snímky pořízené profesionálními fotoaparáty (DSLR) mohou někdy vážit více než 2 megabajty a mít šířku 2500 px. Pokud se takový obrázek vloží na web bez komprese, výrazně se prodlouží doba načítání, na kterou dnes PS aplikuje filtr, zejména pro Google PS.

První metodou je optimalizace obrázku před jeho nahráním na web ve Photoshopu.

Musím říci, že je to nejoblíbenější metoda změny velikosti a komprese fotografií mezi majiteli webových stránek. Je vhodný i pro běžné uživatele internetu. Současně jsou akce prováděné tímto programem minimální, což je také důležité pro začínající blogery.

• 1. Otevřete nový soubor pomocí Photoshopu a poté klikněte na „Uložit pro web“.
• 2. Otevře se nové okno, kde nastavíme potřebné parametry: kvalitu, formát a velikost obrázku.

K výraznému snížení hmotnosti tedy stačí změnit kvalitu z vysokých čísel z 60 na průměrná čísla z 30-50. Požadovaná kvalita může sloužit jako vodítko. V okně náhledu určete, jak moc se obrázek změní.

Pokud jde o formát obrázku, volím uložení jako Jpeg, pokud se jedná o barevnou fotografii, a pokud potřebuji uložit průhlednost vrstvy nebo černobílý snímek obrazovky, pak je zpravidla ve formátu Png, takže že text a čísla na něm jsou čteny jasněji. Na téma Photoshop si přečtěte: pomocí tohoto programu.

Ve stejném okně měním velikost obrázku (v pixelech), což je pohodlné. Kliknu na „Uložit“ a poté napíšu název souboru v latince.

Druhý způsob komprimace obrázků pomocí online služeb

Abych byl upřímný, uchyluji se k této metodě velmi zřídka. Tyto služby však pomáhají komprimovat několik (dávkových) obrazů najednou bez ztráty kvality, což ovlivňuje produktivitu. Jedná se o známé služby krakin.io, TinyPNG; Compresspng a další.

Řeknu vám ještě o jednom - toto je Optimizilla, kterou jsem testoval a výsledky se mi opravdu líbily. Zkuste to taky.

Snímek obrazovky ukazuje, že do systému byla načtena fotografie JPEG o hmotnosti 60 KB. Služba jej automaticky zkomprimovala o 39 % na 37 KB, ale vizuálně se kvalita prakticky nedotkla.

Pomocí praktického posuvníku nebo znaků [+ -] si můžete pohrát s kvalitou obrazu; přibližte si fotografii a před uložením si po kompresi prohlédněte všechny detaily. Jedná se o velmi relevantní funkci náhledu fotografií pro weby s portfoliem fotografa, cestovní ruch, zdroje pro ženy, online obchody, kde jsou důležité vysoce kvalitní obrázky produktů.

Změna velikosti a šířky obrázku

Proces změny velikosti šířky a výšky obrazu, myslím, dnes již nikomu nečiní potíže. To lze provést jak online, tak ve standardním grafickém editoru Paint nebo pohodlnějším Paint.NET.

Otevřete nový soubor v programu, klikněte na „Změnit velikost“, všimněte si, že je v pixelech, při zachování proporcí. OK.

Změna váhy obrázku ve formátu Gif online

V této části článku vám řeknu, jak rychle komprimovat nejen obrázky ve formátech JPEG, PNG, SVG, ale také Gif. Gify váží poměrně hodně, takže existuje velké množství požadavků, jak snížit váhu obrázku GIF bez ztráty animace a dalšího úsilí).

• Využijme první online službu Compressor.io .

Compressor.io je výkonný online nástroj pro dramatické zmenšení velikosti vašich digitálních fotografií a animací GIF. Umožňuje zachovat vysokou kvalitu snímků, využívá dva typy komprese, kde je rozdíl a není rozdíl před a po kompresi. Tak charakterizují svou službu a můžete se o tom přesvědčit na hlavní stránce.

Příklad komprese animace Gif naleznete na snímku obrazovky. Optimalizovaný obrázek si můžete stáhnout způsobem, který vám vyhovuje: do počítače, uložit na Dropbox, Disk Google (drive.google.com).

• Druhá služba Online Image Optimizer.

Název služby mluví sám za sebe. Online Image Optimizer snadno optimalizuje různé formáty obrázků, včetně animací GIF. Stačí nahrát obrázek a kliknout na „Optimalizovat“. Služba Online Image Optimizer vám navíc pomůže rychle vytvořit nejen favicon pro web, ale má ve svém arzenálu také mnoho užitečných online nástrojů.

• Třetí metodou je aplikační program SuperGIF pro MacOS a Windows.

Můžete si zakoupit placenou verzi SuperGIF nebo si zdarma stáhnout demo, které má mírná omezení ve funkčnosti.

Animace GIF v InVision neslouží k rozmazlování – hrají důležitou roli z marketingového a tréninkového hlediska. Takže jsme je dokonce zkusili použít na naší domovské stránce místo kódovaných animací.

Nakonec se nás lidé začali ptát: "Jak vytváříte animace GIF?" Je čas odhalit tajemství.

Návrh obrázku GIF

1. Tajná přísada

Zde je moje malé tajemství: všechny moje animace GIF začaly jako video soubory. Obvykle používám ScreenFlow, který používám i pro tvorbu videí našich produktů. Jedná se o jednoduchý program, který zároveň obsahuje mnoho užitečných animačních nástrojů.
Poté, co uložím animaci jako video soubor, importuji ji do Photoshopu přes Soubor > Import > Snímky videa jako vrstvy.

rada: Pokud vás ScreenFlow nebo After Effects nebaví, vytvořte animaci v Keynote a exportujte ji jako video. Konečně nějaké využití této funkce v Keynote.

2. Méně barev = více zábavy

Pokud chcete vytvořit skvělé animace GIF, musíte k výběru barvy přistupovat se zvláštní péčí. To ovlivní nejen velikost souboru, ale také vám umožní vytvářet delší animace s menší velikostí souboru. (Pro mě je malá méně než 1 MB)

3. Pokud je to možné, použijte rozostření pohybu

Programy jako ScreenFlow a After Effects umožňují exportovat video s aplikovaným rozmazáním pohybu. Nejen, že to dodá vaší animaci profesionální vzhled, ale také to usnadní zmenšení velikosti souboru ve Photoshopu.

4. Buďte (poněkud) líní

Představte si, jaké další prvky bych mohl přidat do animace GIF na začátku tohoto příspěvku. Malé popisky s uživatelskými jmény, kliknutí kurzorem na tlačítko plus a tak dále. Lidé nepotřebují vidět vše, aby získali obecný přehled o tom, co vidí, takže ukažte jen to, co potřebujete – jste omezeni časem a velikostí souboru.

Export GIF animací

Než si budete dělat starosti s níže uvedenými tipy, zkuste exportovat animaci GIF. Pokud je to rozumná velikost, skvělá práce! Pokračujte v dobré práci. V opačném případě vyzkoušejte následující metody.

5. Odstraňte duplicitní rámečky

S největší pravděpodobností se vaše animace po určitou dobu zastaví nebo zůstane nehybná. Když se podíváte pozorně, všimnete si, že tento moment se skládá z několika stejných snímků. Pokud existuje 10 takových snímků, smažte 9 z nich a nastavte dobu trvání zbývajícího snímku například na 1 sekundu.

Pokud to nepomůže, zkuste video importovat znovu, ale tentokrát vyberte tuto možnost Limit na každé 2 snímky. To by mělo výrazně snížit velikost souboru.

rada: Pokud se vaše animace skládá z více než 150 snímků, narazíte na problémy při pokusu o zmenšení velikosti souboru.

6. Méně barev

Když uložíte animaci GIF ve Photoshopu, uvidíte rozbalovací nabídku vedle možnosti Barvy. Experimentujte s hodnotami, vyzkoušejte co nejmenší počet barev, které neudělají z celého souboru odpad.

7. Změňte parametr Lossy*

Abych byl upřímný, ani nevím, co tento parametr znamená. Ale já přesně Vím, že pokud to nastavíte na úroveň mezi 1 a 10, zbavíte se přebytečných kilobajtů bez ztráty kvality.

* „Lossy“ – přijatelná úroveň ztráty grafických informací v rastrovém souboru, což vám umožní zmenšit velikost souboru obrázku

Nic se nezměnilo! Pomoc!

Pokud jste vyzkoušeli vše výše uvedené a stále se vám nedaří zmenšit velikost animace GIF, musíte udělat krok zpět. Možná chcete nemožné? Existuje jiný způsob, jak dosáhnout toho, co chcete? Je možné rozdělit soubor na dvě animace GIF? Bude lepší, když se vaše animace GIF zaměří na jeden aspekt.

Od překladatele. Se všemi vašimi přáními a připomínkami k překladu mě prosím kontaktujte do osobní zprávy. Děkuju!

Bez ohledu na to, jak jste svou animaci GIF získali, můžete její velikost zmenšit.

Pokud jste použili naši službu pro tvorbu GIF animace z videa, pak doporučujeme pro experimenty použít originál, protože jak může každá konverze zhoršit kvalitu výsledného souboru.

Všechny příklady budou založeny na krátkém klipu FullHD videa o délce 16 sekund a 30 snímcích za sekundu.

Trochu teorie o GIF

Ve zkratce: GIF je maximálně 256 barev (8 bitů) + bezztrátová komprese (LZW).
Jako každá bezztrátová komprese nekomprimuje soubor příliš. Ve výsledku zmenšíme velikost maximálně o 50 % (velmi záleží na obrázku).

Testovací video:

Vypočítáme velikost jednoho rámu: 1920 * 1080 * 40 %-100 % = 0,8-2 MB.

Nyní spočítejme pro 16 sekund videa: 16 s * 30 snímků za sekundu * (0,8-2) mb = 384-960 mb!
Náš původní soubor po převedení byl 309 MB. Méně než vypočítané, ale stále velké.
Jste překvapeni? Ale velikost původního videa je jen pár megabajtů! Jak to může být?
Je to jednoduché: GIF je mamut, ano, je skvělý, ale musíte s ním umět pracovat.

Krok 1: Zmenšete GIF. Velikost obrázku

Nezapomeňte zmenšit velikost na odpovídající velikost (ne více než 640 pixelů na větší straně).
V tomto případě bude velikost: 640 * 360 * 40 %-100 % = 90-225 kb.
A velikost videa: 16 s * 30 snímků * 90-225 kb = 42-105 mb.
Náš původní soubor po převedení byl 38 MB. Méně než vypočítané, ale stále velké.
Mnoho? Ano. Jdeme dál...

Krok 2. Počet snímků

30 snímků je v pohodě, ale bohužel na GIF je to hodně.
Snižte počet na 10 snímků a zmenšíte velikost o 3! časy.
Počítáme: 16 s * 10 snímků * 90-255 kb = 14-35 mb.

Náš původní soubor po převedení byl 14,5 MB. Už lepší.

Pokud má vaše video například 60 snímků za sekundu, můžete jej snížit z následujícího rozsahu: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
A pokud je 25 snímků, pak řádek bude: 1, 5...
Nebo 30: 1, 2, 3, 6, 10, 15.

Krok 3. Zkraťte dobu trvání animace

Zmenšete/odstraňte scény, které nepotřebujete, vztah je zde jednoduchý – ořízněte to 2krát – získáte velikost 2krát menší.

Krok 4. Optimalizujte GIF. Výběr kvality.

Existují speciální nástroje pro kompresi animací GIF, například GIFsicle.

Vytvořili jsme to online speciálně pro vás. Stačí vybrat soubor a kliknout na tlačítko Optimalizovat.

Můžete také ovládat kvalitu souboru.

Vytvořili jsme pro vás tři různé verze animace GIF, abyste mohli vyhodnotit kompresi pomocí zmenšení:

• Velikost při 100% kvalitě: 13,3 MB
• Velikost při 50% kvalitě: 13,3 MB
• Velikost při 0% kvalitě: 10,1 MB

Animované gify jsou na sociálních sítích velmi oblíbené a často je lze nalézt na zábavních webech. Pomocí gifů můžete ukázat nejúspěšnější moment z videa GIF screenshoty jasně demonstrují fáze práce v programu nebo službě. Gif screenshoty se také používají k zobrazení fungování prvků webu, například rozbalovací nabídky. Před stažením souborů pro instalaci se uživatel může seznámit se svou prací prostřednictvím GIF animace. Můžete si vytvořit a nahrát své vlastní animované vtipné obrázky, k tomu budete potřebovat aplikaci pro Android

GIFy však mají i hlavní nedostatek – jsou velké, a proto se výrazně zpomaluje rychlost načítání webových stránek, na kterých se nacházejí. Chcete-li překonat tyto nedostatky, doporučuji vám podívat se na seznam nástrojů, které vám pomohou optimalizovat (zmenšit velikost) animací GIF.

Zmenšit O'Matic

Jedná se o jednoduchý program Windows pro optimalizaci obrázků GIF. Je také schopen jednoduchých akcí s obrázky, jako je otáčení, změna velikosti, změna názvu a umístění souboru a dávkové zpracování. Dostupné formáty pro zpracování: GIF, JPEG, PNG.

ImageOptim

Tento program běží na platformě Mac. Je navržen tak, aby komprimoval gify až na 60-80 % a vyšší bez ztráty kvality.

FileOptimizer je pokročilý nástroj pro kompresi GIF animací. Program má jednoduché rozhraní, takže jej mohou používat začátečníci i zkušení uživatelé.

Další podporované formáty: JPEG, PNG, SWF, TIFF, BMP, ICO

Funguje na platformách: Windows, Mac OS, Linux

FILEminimizer obrázky

Komprese obrázků dosahuje 98 % a vyšší v důsledku proprietárních optimalizačních technologií Existují 4 úrovně komprese pro soubory gif. Kromě toho vám program umožňuje nahrávat obrázky přímo na facebook.

Formáty: JPG, BMP, TIFF, PNG, EMF | Platforma : Windows

RIOT

Tento program se mi líbil více než ostatní. Můžete ovládat kompresi GIFů, program ukazuje velikost zdrojových a výstupních souborů, nechybí náhled, díky kterému můžete vizuálně posoudit ztrátu kvality. Nevýhoda: Animovaný gif se změní na běžný statický obrázek.

Optimalizátor GIF

Jednoduchý program pro optimalizaci animace GIF. Program má pouze tři tlačítka – otevřít – otevřít soubor, optimalizovat – optimalizovat a Uložit jako – uložit jako. Kompresi můžete ovládat prostřednictvím nabídky Nastavení.