CODEWITHSUNDEEP
cssimage
Kristjan
Kristjan

Reputation: 113

CSS - Image loading

I'm having a little problem, I have a header image that is quite large and takes time to load on bad internet connections. I've seen some websites load their bigger image files from "low quality" -> "normal quality (original)", rather than "no-image" -> "loaded image".. what I seem to be having with my header.

background-image:url("images/header");

Is there a way to make the image load from low quality to high quality rather than no image to image in CSS?

I'm really sorry if I expressed my problem badly. English is not my native language :)

Upvotes: 4

Views: 376

Answers (1)

Mr. Alien
Mr. Alien

Reputation: 157394

use lowsrc Attribute :

<img alt="Image Name" src="highquality.jpg" lowsrc="lowquality.jpg">

Upvotes: 2

Related Questions