TESTING SPAI with different images and tags
Inline SVG, don’t touch, don’t add spai-bg-prepared
Here we have a x-jsrender template (from the Agile Store Locator plugin)
DIV with bg URL having a ? parameter AND the last attribute with space after =
LITY integration – if the option is active in Settings -> Areas, the attribute data-lity-target is added, containing the original URL
|
|
THIS IS A VIDEO WITH POSTER:
THIS IS A VIDEO WITH POSTER IN THE SOURCE TAG:
Buddyplayer Elementor Pro JS Block
THIS IS A DIV WITH data-ultimate-bg (WP Bakery)THIS IS A WOOCOMMERCE FORM WITH PRODUCT VARIATIONS:
THIS IS A WOOCOMMERCE DIV WITH SAME PRODUCT VARIATIONS:
THIS IS A <FIGURE> in a slider:
LOGO WITH IMAGE SWAP ON HOVER:
THIS IMAGE CONTAINS THE Jupiter THEME’s MK slider with data-mk-image-src-set. Test this by forcing theme name to Jupiter.
THESE NEXT TWO DIVS CONTAINS CROWD 2’s Flo Slideshow styles – set CROWD 2 as theme name to test
A NOSCRIPT TAG:
Image with SRCSET and SRC is a smaller image than the placeholder, check that id doesn’t look blurry (first one has Media Library ID so it passes through srcset filter, second not and has srcset hardcoded):
This is a SVG image, store on CDN only
Divs having backgrounds from style
Image on external site (Amazon)
Image that has the metadata embedded into the pseudoURL:
Image that has empty srcset
This image doesn’t have the protocol:
This one is excluded by path:
NORESIZE by attribute:
EAGER by attribute:
EXCLUDED by class:
EAGER:
NORESIZE:
NOT EXCLUDED, contains ®:
O imagine cu & si ? in URL:
AMP IMG:
First larger then smaller
First smaller than larger
Has wrong sizes, should not crop because browser doesn’t, it reflows
Should keep the metadata inside src as it has the Slider Revolution class:
This one has GET parameters:
Forcing CROP to true:
Forcing CROP to false:
Image with URL starting with double dot:
using "
This DIV has space around the background-URL:
This DIV has multiple backgrounds, in-tag style:
This DIV only has gradient:
BACKGROUND IMAGES IN INLINE STYLE:
ADMISSIONS
SCHOOLS
FINE ARTS
Image with data-src
