loading...

re: Optimizing images for the web - an in-depth guide VIEW POST

TOP OF THREAD FULL DISCUSSION
re: Thank you very much. I've used picture element because it offers me more control over which image is being loaded. I guess I prefer explicitly tel...
 

What is your thought about adding images via background in CSS?

background-image:url(img/myimage.jpg);

Can images added via this method be optimized using picture or srcset, or do you just have to optimize them by resizing and compressing? thx

For this method, my primary concern is accessibility. Without the alt tag and any HTML, a simple div with background-image doesn't have good accessibility.

Another issue is that you'd have to use an image aspect ratio to calculate the padding (spacing) needed for the background image which may lead to code bloat if you have lots of images with various aspect ratios.

As for optimization, we need to optimize them by compression and resizing (if needed).

code of conduct - report abuse