Top

Published in:

2024 | OriginalPaper | Chapter

Web Image Formats: Assessment of Their Real-World-Usage and Performance Across Popular Web Browsers

Authors : Benedikt Dornauer, Michael Felderer

Published in: Product-Focused Software Process Improvement

Publisher: Springer Nature Switzerland

Activate our intelligent search to find suitable subject content or patents.

search-config

AI-assisted search

Off

Abstract

In 2023, images on the web make up 41% of transmitted data, significantly impacting the performance of web apps. Fortunately, image formats like WEBP and AVIF could offer advanced compression and faster page loading but may face performance disparities across browsers. Therefore, we conducted performance evaluations on five major browsers - Chrome, Edge, Safari, Opera, and Firefox - while comparing four image formats. The results indicate that the newer formats exhibited notable performance enhancements across all browsers, leading to shorter loading times. Compared to the compressed JPEG format, WEBP and AVIF improved the Page Load Time by 21% and 15%, respectively. However, web scraping revealed that JPEG and PNG still dominate web image choices, with WEBP at 4% as the most used new format. Through the web scraping and web performance evaluation, this research serves to (1) explore image format preferences in web applications and analyze distribution and characteristics across frequently-visited sites in 2023 and (2) assess the performance impact of distinct web image formats on application load times across popular web browsers.

Dont have a licence yet? Then find out more about our products and how to get one now:

Springer Professional "Wirtschaft+Technik"

Online-Abonnement

Mit Springer Professional "Wirtschaft+Technik" erhalten Sie Zugriff auf:

über 102.000 Bücher
über 537 Zeitschriften

aus folgenden Fachgebieten:

Automobil + Motoren
Bauwesen + Immobilien
Business IT + Informatik
Elektrotechnik + Elektronik
Energie + Nachhaltigkeit
Finance + Banking
Management + Führung
Marketing + Vertrieb
Maschinenbau + Werkstoffe
Versicherung + Risiko

Jetzt Wissensvorsprung sichern!

inform now

Springer Professional "Technik"

Online-Abonnement

Mit Springer Professional "Technik" erhalten Sie Zugriff auf:

über 67.000 Bücher
über 390 Zeitschriften

aus folgenden Fachgebieten:

Automobil + Motoren
Bauwesen + Immobilien
Business IT + Informatik
Elektrotechnik + Elektronik
Energie + Nachhaltigkeit
Maschinenbau + Werkstoffe

Jetzt Wissensvorsprung sichern!

inform now

Springer Professional "Wirtschaft"

Online-Abonnement

Mit Springer Professional "Wirtschaft" erhalten Sie Zugriff auf:

über 67.000 Bücher
über 340 Zeitschriften

aus folgenden Fachgebieten:

Bauwesen + Immobilien
Business IT + Informatik
Finance + Banking
Management + Führung
Marketing + Vertrieb
Versicherung + Risiko

Jetzt Wissensvorsprung sichern!

inform now

previous chapter On the Role of Font Formats in Building Efficient Web Applications

next chapter Operationalizing Assurance Cases for Data Scientists: A Showcase of Concepts and Tooling in the Context of Test Data Quality for Machine Learning

https://scrapy.org.

https://www.crummy.com/software/BeautifulSoup/.

https://unsplash.com.

https://pillow.readthedocs.io/.

https://pyautogui.readthedocs.io.

https://pypi.org/project/keyboard/.

https://zizzamia.github.io/perfume/.

Browser Market Share Worldwide. https://gs.statcounter.com/browser-market-share

HTTP archive. https://httparchive.org/

Bekos, P., Papadopoulos, P., Markatos, E.P., Kourtellis, N.: The Hitchhiker’s guide to facebook web tracking with invisible pixels and click IDs. In: Proceedings of the ACM Web Conference 2023, pp. 2132–2143. WWW ’23, Association for Computing Machinery, New York, NY, USA (2023). https://doi.org/10.1145/3543507.3583311

Cook, T.D., Campbell, D.T.: Quasi-Experimentation: Design & Analysis Issues for Field Settings. Houghton Mifflin, Boston (1979)

Amjad, M., Tutul Hossain, Md., Hassan, R., Rahman, M.A.: Department of computer science & engineering, stamford university bangladesh, bangladesh, web application performance analysis of ecommerce sites in bangladesh: an empirical study. Int. J. Inform. Eng. Electron. Bus. 13(2), 47–54 (2021). https://doi.org/10.5815/ijieeb.2021.02.04

Dhanawade, A., Drode, A., Johnson, G., Rao, A., Upadhya, S.: Open CV based Information Extraction from Cheques. In: 2020 Fourth International Conference on Computing Methodologies and Communication (ICCMC), pp. 93–97 (Mar 2020). https://doi.org/10.1109/ICCMC48092.2020.ICCMC-00018

Dornauer, B., Felderer, M.: Energy-saving strategies for mobile web apps and their measurement: results from a decade of research. In: 2023 IEEE/ACM 10th International Conference on Mobile Software Engineering and Systems (MOBILESoft), pp. 75–86. IEEE, Melbourne, Australia (May 2023). https://doi.org/10.1109/MOBILSoft59058.2023.00017

Dornauer, B., Felderer, M.: Web Image Formats: Assessment of Their Real-World-Usage and Performance across Popular Web Browsers - Replication Package (2023). https://doi.org/10.5281/zenodo.8395044CrossRef

Frain, B.: Responsive Web Design with HTML5 and CSS: Build Future-Proof Responsive Websites Using the Latest HTML5 and CSS Techniques. Birmingham Mumbai, fourth edition edn, Packt (2022)

10.

Horé, A., Ziou, D.: Image quality metrics: PSNR vs. SSIM. In: 2010 20th International Conference on Pattern Recognition, pp. 2366–2369 (2010). https://doi.org/10.1109/ICPR.2010.579

11.

Hu, J., Song, S., Gong, Y.: Comparative performance analysis of web image compression. In: 2017 10th International Congress on Image and Signal Processing, BioMedical Engineering and Informatics (CISP-BMEI), pp. 1–5 (2017). https://doi.org/10.1109/CISP-BMEI.2017.8301939

12.

Inouri, L., Tighidet, S., Azni, M., Khireddine, A., Harrar, K.: A fast and efficient approach for image compression using curvelet transform. Sens. Imag. 19(1), 26 (2018). https://doi.org/10.1007/s11220-018-0212-0CrossRef

13.

Jones, N.: How to stop data centres from gobbling up the world’s electricity. Nature 561(7722), 163–166 (2018). https://doi.org/10.1038/d41586-018-06610-yCrossRef

14.

Le Pochat, V., Van Goethem, T., Tajalizadehkhoob, S., Korczynski, M., Joosen, W.: Tranco: a research-oriented top sites ranking hardened against manipulation. In: Proceedings 2019 Network and Distributed System Security Symposium. Internet Society, San Diego, CA (2019). https://doi.org/10.14722/ndss.2019.23386

15.

Malavolta, I., et al.: A framework for the automatic execution of measurement-based experiments on Android devices. In: Proceedings of the 35th IEEE/ACM International Conference on Automated Software Engineering Workshops, pp. 61–66. ACM, Virtual Event Australia (2020). https://doi.org/10.1145/3417113.3422184

16.

Malavolta, I., et al.: JavaScript dead code identification, elimination, and empirical assessment. IEEE Trans. Softw. Eng. 49(7), 3692–3714 (2023). https://doi.org/10.1109/TSE.2023.3267848CrossRef

17.

Matijević, M., Mikota, M., Čačić, M.: Impact of JPEG-WebP conversion on the characteristics of the photographic image. Tehnicki vjesnik - Technical Gazette 23(2) (2016). https://doi.org/10.17559/TV-20141208110946

18.

Morley, J., Widdicks, K., Hazas, M.: Digitalisation, energy and data demand: the impact of Internet traffic on overall and peak electricity consumption. Energy Res. Soc. Sci. 38, 128–137 (2018). https://doi.org/10.1016/j.erss.2018.01.018CrossRef

19.

Öztürk, E., Mesut, A.: Performance Evaluation of JPEG standards, WebP and PNG in terms of compression ratio and time for lossless encoding. In: 2021 6th International Conference on Computer Science and Engineering (UBMK), pp. 15–20 (2021). https://doi.org/10.1109/UBMK52708.2021.9558922

20.

Portis, E., Ranganath, A.: The 2022 Web Almanac: Media. Tech. Rep. 6, HTTP Archive (2022)

21.

Pourghassemi, B., Amiri Sani, A., Chandramowlishwaran, A.: What-if analysis of page load time in web browsers using causal profiling. Proceedings of the ACM on Measurement and Analysis of Computing Systems 3(2), 1–23 (2019). https://doi.org/10.1145/3341617.3326142CrossRef

22.

Scheirer, C.J., Ray, W.S., Hare, N.: The analysis of ranked data derived from completely randomized factorial designs. Biometrics 32(2), 429 (1976). https://doi.org/10.2307/2529511CrossRefMATH

23.

Setiadi, D.R.I.M.: PSNR vs SSIM: imperceptibility quality assessment for image steganography. Multimed. Tools Appl. 80(6), 8423–8444 (2021). https://doi.org/10.1007/s11042-020-10035-zCrossRef

24.

Singh, S.: A Comparative Evaluation of Next-Generation Image Formats on Low-Cost Mobile Hardware. Tech. Rep. 2, New York University Abu Dhabi, Abu Dhabi, UAE (2023)

25.

Thiagarajan, N., Aggarwal, G., Nicoara, A., Boneh, D., Singh, J.P.: Who killed my battery?: analyzing mobile browser energy consumption. In: Proceedings of the 21st International Conference on World Wide Web, pp. 41–50. ACM, Lyon France (2012). https://doi.org/10.1145/2187836.2187843

26.

Tukey, J.W.: Exploratory data analysis. Addison-Wesley Series in Behavioral Science, Addison-Wesley Pub. Co, Reading, Mass (1977)

27.

Wang, P.: Visual design of web interface based on computer image processing technology. J. Phys: Conf. Ser. 1915(2), 022030 (2021). https://doi.org/10.1088/1742-6596/1915/2/022030CrossRef

28.

Zhao, B.: Web scraping. In: Schintler, L.A., McNeely, C.L. (eds.) Encyclopedia of Big Data, pp. 1–3. Springer International Publishing, Cham (2017)

29.

Zheng, Y., Li, H., Ren, A.: Research on application of computer image processing in web design. In: 2020 IEEE International Conference on Power, Intelligent Computing and Systems (ICPICS), pp. 405–409 (2020). https://doi.org/10.1109/ICPICS50287.2020.9202235

Title: Web Image Formats: Assessment of Their Real-World-Usage and Performance Across Popular Web Browsers
Authors: Benedikt Dornauer
Michael Felderer
Publisher: Springer Nature Switzerland
Book: Product-Focused Software Process Improvement
Print ISBN: 978-3-031-49265-5

Electronic ISBN: 978-3-031-49266-2

Copyright Year: 2024
DOI: https://doi.org/10.1007/978-3-031-49266-2_9

Springer Professional

Abstract

Please log in to get access to your license.

Dont have a licence yet? Then find out more about our products and how to get one now:

Springer Professional "Wirtschaft+Technik"

Springer Professional "Technik"

Springer Professional "Wirtschaft"

Premium Partner