Hello! Currently I'm working on a project, and I would like to liven up the landing/homepage a bit. So I have rendered out a nice looking image in 4K resolution. Now I imagine setting that as a background image in css would make my website quite slow... I'm curious how Twitter manages to have the fantastic full sized background images on its landing page, without slow loading time or blurriness. It would be great if you have any suggestions, please ask if you are confused.
Jump to Post
If you visit their site, and download the picture, you'll see why...its only a 32K picture, at least the one that I downloaded. They show different pictures and I bet they are all relatively small. I also suspect that they may have some type of acceleration/reverse proxy/caching/etc... on their end …
Jump to Post
The image on the Twitter backgorund right now is: https://email@example.com
As you can see, it's actually not a very large image, at 1040x660, with a file size of 86KB. They use CSS to …
All 12 Replies
We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.