Apng и svg,; нов; формати d; изображение и d; анимация в имейл
„Как по дяволите да поддържаме безупречно качество в анимиран gif, генериран от видеоклип. И предназначени за изпращане по имейл. Без да имате 20MB файл? "
Среден клиент, който ни атакува по-гореТова е един от повтарящите се въпроси. За съжаление, доколкото ни е известно, няма бързо решение. Край на дискусията. Ще се видим скоро !
Но naaaan само се шегувам ! Какъв шегаджия съм! Напълно възможно е да създадете анимиран gif от видеоклип за имейл (а ние го предлагаме в Badsender другаде). Но ако някой желае да регулира крайното тегло на файла, вярно е, че ще е необходимо да съкрати продължителността и/или да "намали" качеството на въпросния файл. Едва ли можем да направим друго. Не можете да имате маслото, среброто масло и лъжицата на крема ...
Но почакай ... имам идея!
Ако е сложно да се намали теглото на анимиран gif, генериран от видеоклип и предназначен за имейл, от друга страна мисля за видеоклипове от типа „cinemagraphs“. Несъмнено сте ги виждали да минават по този или онзи път. (Трябва, малка тенденция е да излезете с произволно решение за видео).
Хайде, това е подарък, предлагам ви малка визуализация на това, което се прави в акаунта на Dior Instagram. (Поставям „Eau Sauvage“ в момента, това се отразява на избора ми):
Когато видя това, си казвам тованепременно има начин за подобряване на нещата. В смисъл, че ако направя тези видеоклипове и ги транспонирам в анимиран gif, неизбежно ще свърша с доста тежък файл. И с „относително” посредствено качество (тъй като, както знаете, gif поддържа само 256 цвята сред RGB палитрата, или 16 277 216 нюанса ...). Демонстрация в снимка:
В този пример можем ясно да видим, че дори качеството да е максимално, градациите на фоновата текстура оставят много да се желае. Що се отнася до теглото: все още сме на 674kb файл.. За такава малка анимация наистина е загуба ...
И накрая, когато разгледаме подробно двата примера по-горе, това е „почти“ само фоново изображение (продуктът), а по-горе анимация на лъч/ореол от светлина (за 1-во видео) или пепел плаващ във въздуха (за второто видео). И точно тази система искам да използвам.
Решението: форматът apng.
Какво ще ми каже този формат? APNG за анимирани преносими мрежови графики. С други думи, неофициално разширение на PNG формата. С анимацията отгоре на това. Тъй като големите предимства на PNG формата са неговата поддръжка както на прозрачност/прозрачност, така и на възможност за запазване на снимки без загуба на данни (тъй като не е ограничена до 256 цвята). Ако добавим анимация към това, получаваме формат което не претърпява загуба на данни, което поддържа прозрачност и анимация: APNG.
Следователно принципът би бил да се предостави изображението на продукта в JPEG (за наистина идеално качество) и да се вгради като фоново изображение върху клетка. В горната част на това фоново изображение мога да закрепя прозрачната си анимация във формат APNG, с малка връзка по-горе, ако е необходимо (ако продуктът трябва да може да се кликва).