As designers, adding background image via CSS is definetely a no-brainer to you. Traditionally, or typically, here’s how we do it – using background-image property and link directly to the image source file.
- div {
- background-image: url(img/image.png);
- }
However, each image url that we add in that way will cause the browsers to run more requests. In other words, if we have 10 different urls, the browser require 10 HTTP requests for images.
Author: admin
I am the creative director at IGRAPHI and an award winning designer and web developer with 20 years of experience conceiving and implementing design and technical solutions across traditional, digital, and social media platforms to effectively engage target audiences with clients’ messages and products. Built and managed brands from the ground up, worn every hat on the rack, one brand at a time.
