Findings & Exploration
Before building the website, I need to confirm the format and choices I have to export my animation. The format should be fast to load and able to export it as a transparent background. Sharing what I found :
My first findings were image formats like (APNG, WebP, MNG, FLIE) alternatives format to GIF that are supported by Google and other web formats. However, I am not familiar with these formats so I continue searching for a format that is stable and widely applied. As I continue searching, I found that many web developers and experts used HTML video (MPEG-4) replacing GIF. As GIF take out to much space and its limit of 256 colours.
With the advance of HTML 5 and modern web videos, it is far easier to add lightweight video format (90% smaller size) for looped clips. The browser supports HTML video technique above 94%. For example, Imgur uses GIFV format but its GIF's are uploaded to the site are automatically converted to MP4 and WebM. Also, MP4 supports a transparent background. In conclusion, I would be exporting my animation in the format of MP4. I take these findings purpose to my specialist and confirmed MP4 would be my final format for transparent background.
My first findings were image formats like (APNG, WebP, MNG, FLIE) alternatives format to GIF that are supported by Google and other web formats. However, I am not familiar with these formats so I continue searching for a format that is stable and widely applied. As I continue searching, I found that many web developers and experts used HTML video (MPEG-4) replacing GIF. As GIF take out to much space and its limit of 256 colours.
With the advance of HTML 5 and modern web videos, it is far easier to add lightweight video format (90% smaller size) for looped clips. The browser supports HTML video technique above 94%. For example, Imgur uses GIFV format but its GIF's are uploaded to the site are automatically converted to MP4 and WebM. Also, MP4 supports a transparent background. In conclusion, I would be exporting my animation in the format of MP4. I take these findings purpose to my specialist and confirmed MP4 would be my final format for transparent background.
Reference
Bennet, T. (2019). 3 logical alternatives to animated GIFs - Builtvisible. [online] Builtvisible. Available at: https://builtvisible.com/3-logical-alternatives-to-animated-gifs/ [Accessed 11 November 2018].
Google Developers. (2019). Replace Animated GIFs with Video | Web Fundamentals | Google Developers. [online] Available at: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/ [Accessed 11 November 2018].
WP Rocket. (2019). Replacing Animated GIFs with Videos for Faster Page Speed. [online] Available at: https://wp-rocket.me/blog/replacing-animated-gifs-with-html5-video-for-faster-page-speed/ [Accessed 11 November 2018].
Ezgif.com. (2019). What alternatives to animated GIF are there? APNG, WebP, MNG, FLIF? - Help. [online] Available at: https://ezgif.com/help/alternative-animated-image-formats [Accessed 11 November 2018].
Kamani, S. (2019). Why we should stop using GIFs. [online] Sohamkamani.com. Available at: https://www.sohamkamani.com/blog/2016/04/09/stop-using-gifs/ [Accessed 18 Jan. 2019].
Bennet, T. (2019). 3 logical alternatives to animated GIFs - Builtvisible. [online] Builtvisible. Available at: https://builtvisible.com/3-logical-alternatives-to-animated-gifs/ [Accessed 11 November 2018].
Google Developers. (2019). Replace Animated GIFs with Video | Web Fundamentals | Google Developers. [online] Available at: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/ [Accessed 11 November 2018].
WP Rocket. (2019). Replacing Animated GIFs with Videos for Faster Page Speed. [online] Available at: https://wp-rocket.me/blog/replacing-animated-gifs-with-html5-video-for-faster-page-speed/ [Accessed 11 November 2018].
Ezgif.com. (2019). What alternatives to animated GIF are there? APNG, WebP, MNG, FLIF? - Help. [online] Available at: https://ezgif.com/help/alternative-animated-image-formats [Accessed 11 November 2018].
Kamani, S. (2019). Why we should stop using GIFs. [online] Sohamkamani.com. Available at: https://www.sohamkamani.com/blog/2016/04/09/stop-using-gifs/ [Accessed 18 Jan. 2019].
Comments
Post a Comment