Vector? Raster? Why Not Both!

Starting off with a 10.06MB SVG, Zach Leatherman tried several routes to reduce the weight of the hero image on the right side of the home page on JamStackConf.com. Eventually he settled on an approach where he layered a transparent WebP image on top of an SVG. Both layers were optimized individually, leaving only 78KB …

Starting off with a 10.06MB SVG, Zach Leatherman tried several routes to reduce the weight of the hero image on the right side of the home page on JamStackConf.com.

Eventually he settled on an approach where he layered a transparent WebP image on top of an SVG. Both layers were optimized individually, leaving only 78KB combined in the end.

Vector? Raster? Why Not Both! →


Print Share Comment Cite Upload Translate
APA
Bramus! | Sciencx (2024-03-28T14:49:52+00:00) » Vector? Raster? Why Not Both!. Retrieved from https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/.
MLA
" » Vector? Raster? Why Not Both!." Bramus! | Sciencx - Friday August 27, 2021, https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
HARVARD
Bramus! | Sciencx Friday August 27, 2021 » Vector? Raster? Why Not Both!., viewed 2024-03-28T14:49:52+00:00,<https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/>
VANCOUVER
Bramus! | Sciencx - » Vector? Raster? Why Not Both!. [Internet]. [Accessed 2024-03-28T14:49:52+00:00]. Available from: https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
CHICAGO
" » Vector? Raster? Why Not Both!." Bramus! | Sciencx - Accessed 2024-03-28T14:49:52+00:00. https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
IEEE
" » Vector? Raster? Why Not Both!." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/. [Accessed: 2024-03-28T14:49:52+00:00]
rf:citation
» Vector? Raster? Why Not Both! | Bramus! | Sciencx | https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/ | 2024-03-28T14:49:52+00:00
https://github.com/addpipe/simple-recorderjs-demo