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>
    	
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us