Popular searches webpcdnthecreditsapi
View Categories

Settings – Lazy-load the backgrounds

  • Lazy-load the background images from inline STYLE blocks: if you have background images in inline style blocks on your HTML page, this option will lazy load them and therefore properly resize them. Example: 
    <html>
	<head>
		<title>ShortPixel</title>
		<style>
			body {
				background-image: url("https://www.example.com/background.jpg");
 				background-color: #cccccc;
 			}
 		</style>
 	</head>
 	<body>
 		... 	
	</body>
</html>
  • Lazy-load and resize the background images in TAGS inline styles: if you have background images in the style attributes of your HTML tags, this option will lazy load them and therefore properly resize them. Example: 
    <div style="background-image:url('https://www.example.com/background.jpg')">...</div>