Apng és svg; új; d formátumok; kép és d; animáció egy e-mailben

animáció

„Hogyan lehet megőrizni a kifogástalan minőséget egy videóból készült animált gifben. És e-mailezésre szánt. 20 MB-os fájl nélkül?

Egy átlagos ügyfél, aki fentebb megtámad minket

Ez az egyik visszatérő kérdés. Sajnos tudomásunk szerint nincs gyors megoldás. A vita vége. Hamarosan találkozunk !

De naaaan csak viccelek ! Milyen viccelő vagyok! Animációból készült animált gif-et meg lehet tervezni egy e-mailhez (és máshol a Badsendernél kínáljuk). De ha valaki szabályozni kívánja a fájl végső súlyát, akkor igaz, hogy meg kell csonkítani az időtartamot és/vagy "csökkenteni" a kérdéses fájl minőségét. Alig tehetünk mást. Nem lehet vaj, az ezüst vaj és a tejszínes kanál ...

De várj ... Van egy ötletem!

Ha bonyolult csökkenteni egy animált gif súlyát, amelyet egy videóból készítenek és e-mailre szánnak, akkor másrészt a „cinemagraphs” típusú videókra gondolok. Kétségtelenül látta, hogy elhaladnak így vagy úgy. (Meg kell, ez egy kis tendencia, hogy véletlenszerű megoldást találj a videóra).

Gyere, ez egy ajándék, felajánlom neked egy kis előnézetet arról, hogy mi történik a Dior Instagram-fiókján. (Jelenleg az „Eau Sauvage” -t tettem, ez befolyásolja a választásomat):

Amikor ezt látom, ezt mondom magamnakszükségszerűen van mód a dolgok javítására. Abban az értelemben, hogy ha ezeket a videókat elkészítem, és animált gif-be transzponálom, akkor elkerülhetetlenül meglehetősen nehéz fájlhoz jutok. És „viszonylag” közepes minőséggel (mivel, mint tudják, a gif az RGB-paletta között legfeljebb 256 színt támogat, vagyis 16 277 216 árnyalatot ...). Bemutató a képen:

Ebben a példában egyértelműen láthatjuk, hogy még akkor is, ha a minőség maximális, a háttér textúrájának színátmenete sok kívánnivalót hagy maga után. Ami a súlyt illeti: még mindig egy 674 kb méretű fájlon vagyunk.. Egy ilyen kis animációhoz valóban pazarlás ...

És végül, ha részletesen megvizsgáljuk a fenti két példát, akkor „szinte” csak egy háttérkép (a termék), amelyen felül egy fénysugár/glória animációja található (az első videó esetében), vagy a kalács. lebeg a levegőben (a 2. videóhoz). És pontosan ezt a rendszert akarom használni.

A megoldás: az apng formátum.

Mit fog nekem mondani ez a formátum? APNG animált hordozható hálózati grafikához. Más szavakkal, a PNG formátum nem hivatalos kiterjesztése. A tetején lévő animációval. Mivel a PNG formátum nagy előnye, hogy támogatja mind az átlátszóságot, mind az áttetszőséget, valamint a fényképek mentésének lehetőségét az adatok elvesztése nélkül (mivel ez nem korlátozódik 256 színre). Ha ehhez animációt adunk, akkor egy formátumot kapunk amely nem szenved adatvesztést, ami támogatja az átláthatóságot és az animációt: az APNG.

Az alapelv tehát az lenne, hogy a termék képét JPEG formátumban adja meg (valóban ideális minőség érdekében), és háttérképként beágyazza azt egy cellába. A háttérkép tetejére ékelhetem az átlátszó animációmat APNG formátumban, szükség esetén egy kis link fölött (feltéve, hogy a terméknek kattinthatónak kell lennie).

Menjünk gyakorolni !