Какво ще ви кажем?

GIF файловете са готини. Някой каза, че една снимка струва хиляда думи, защото днес обличаме костюма на гуруто и казваме това gif струва 10 000 думи, а ако е котенца още по-голям брой.

Шегите настрана, използвайте gifs във вашата стратегия за съдържание е добра идея, защото те служат за разбиване на монотонността след много параграфи, в които разказвате филма си.

Има моменти, когато е по-лесно да предадете идея или чувство с gif, отколкото с няколко абзаца., gifs са по-тежки от най-лошите от вашите приятели, и това може да повлияе на работата на вашия уебсайт.

В този пост МАГИЧЕСКИ ще ви кажем как да компресирам gif, накарайте го да тежи по-малко и да можете да го използвате в целия си уебсайт. Да започнем 👇 !

Защо да компресирам gif?

По принцип защото са много тежки. GIF файловете са a формат на изображението много древен които продължават да се използват и до днес. Въпреки това, нейното тегло никога не е било взето предвид и в днешно време всеки GIF е твърде тежък, прави увеличете времето за зареждане на вашия уебсайт.

➡️ Тук можете да прочетете повече за него най-добрият формат на изображението за вашия уеб сайт

За да ви дам представа, през целия този пост нека видим различни примери за компресия и намаляване на теглото на gif.

Казус: Компресиране и намаляване на теглото на gif

Ще изберем 3 gif и ще анализираме теглото им. Ще видим различни методи за оптимизация и резултата които получаваме с инструменти за компресиране на gif и други решения, за да намалим техния размер.

За да избегнете това, можете да приготвите кафе, докато зареждате тази публикация, ще поставим gif вече оптимизиран. Избрахме GIF файлове със средно тегло, без да оптимизираме.

За да ви даде идея, обикновено тежи gif с ниско качество и малко анимация по-малко от 1 mb докато по-дълъг сложен gif може да премине от 6 mb Няма проблем

➡️ GIF 1 Вълкът от Уолстрийт.

Този хубав GIF тежи 1.99MB има размери 268 × 240.

➡️ GIF 2 Homer Simpson

Добрият Омир яде много и това личи. Този gif тежи 1,46 MB с размери 480 × 354.

➡️ GIF на английската кралица

Майката кралица ни поздравява с теглото си от 1,33mb и размерите си 500 × 281.

След като сме избрали различни GIF файлове с различни качества, тежести и резолюции, ще прегледаме какви опции имаме да ги добавим към която и да е уеб страница и ще разберем как това се отразява на теглото им.

Вариант 1: Ние не компресираме gifs.

Ако решим не прави нищо, нашата страница ще тежи поне 4.77mb. Ако добавим изображението на корицата и останалите неща, от които се нуждае, за да работи, би било странно, ако не надхвърлим 6mb, което би било прекомерно.

Например, нашата начална страница тежи 1.3mb и въпреки че е грозна и проста, тя се зарежда много бързо.

опитвайки

Вариант 2 Компресираме GIF с инструмент за компресиране.

съществуват различни инструменти, които ни позволяват да намалим теглото на онлайн gof. Ще трябва само да изберем изображението, да го качим в мрежата и да изтеглим компресираната му версия.

За това обичаме да прибягваме до мрежата https://ezgif.com/ кое е едно от най-пълните за намаляване на теглото на gif по прост начин.

Той има различни опции, което го отличава от повечето от тези типове страници.

Препоръчваме a ниво на компресия 50, тъй като преди всичко обикновено се губи много качество в сравнение с намаляването на теглото.

Това са резултатите

➡️ GIF 1 Вълкът от Уолстрийт. 1.6mb. Сега изображението тежи a 19,81% по-малко.

➡️ GIF 2 Homer Simpson 1,18mb. След като използвате инструмента за компресиране на GIF, теглото им е намалено с 19,74%. За улесняване на сравнението, ако в този случай бяхме направили a компресия от 200 вместо от 50, теглото на този gif би било 0,91mb. Качеството значително намалява в този случай, ако приложим тези 200.

➡️ GIF на английската кралица сега тежи 1mb, което означава намаляване на теглото на gif на a 24,86%.

Като цяло, благодарение на компресията, преминахме от тегло от 4.77mb на 3.78. Успяхме да намалим общото тегло с 1mb. Ще бъде ли най-добрият вариант? виждаме го по-долу 👍.

Вариант 3 Вграждане на gif от оригиналния url.

В този случай решихме, че вместо да хостваме гифовете на нашия сървър и за да си спестим процеса на компресия, ще вградим всеки gif.

По принцип сега страницата Не бих имал излишни mb тегло. Но тъй като всеки gif се хоства на сървър на трета страна, ще трябва оцени колко време отнема да бъдат качени правилно на нашия уебсайт.

Ние също управляваме риск че ако мястото, където е публикувано, бъде изтрито, се появява грешка и остава празно.

За да може да го оцени, анализирахме една по една заявките, генерирани от всеки сайт, където се хоства всеки gif. Публикувахме гифовете в тестова публикация, преминахме Инструменти за Pingdom към този URL адрес за откриване на всеки gif и това са резултатите.