This content originally appeared on Bram.us and was authored by Bramus!
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! →
This content originally appeared on Bram.us and was authored by Bramus!
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Bramus! | Sciencx (2021-08-27T14:44:49+00:00) Vector? Raster? Why Not Both!. Retrieved from https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
" » Vector? Raster? Why Not Both!." Bramus! | Sciencx - Friday August 27, 2021, https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
HARVARDBramus! | Sciencx Friday August 27, 2021 » Vector? Raster? Why Not Both!., viewed ,<https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/>
VANCOUVERBramus! | Sciencx - » Vector? Raster? Why Not Both!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/
CHICAGO" » Vector? Raster? Why Not Both!." Bramus! | Sciencx - Accessed . 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: ]
rf:citation » Vector? Raster? Why Not Both! | Bramus! | Sciencx | https://www.scien.cx/2021/08/27/vector-raster-why-not-both-2/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.