Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
![](/static/devrant/img/pipeless-devrant-banner-white.png)
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
I put all base 64 encoded stuff in a single scss file as variables so my regular scss files aren't a mess like that. Also good for reusability.
-
i've read somewhere that base64 in css is bad, because the browser only starts showing the website once all of the css is loaded. And the performance is not good because the base64 image can't be gziped. The only thing to put in base64 if at all would be webfonts.
-
@itsdaniel0 yep, around 20MB for a single page ^^'
My own stupidity though. I embedded a .gif and then another image twice (just learned about base64 embedding that day and wanted to try it out) -
I did not k ow this was a thing. I just went in and changed two icon images I use to be encoded!
-
@jaaywags Careful of file size though 😉
It's not great for SVGs, adds more bytes
Related Rants
CSS optimization...
undefined
css
optimization