3.36. Saving lazy-loaded images¶
Lazy-loaded images are the images that are loaded in the browser after the target web page is loaded. Normally, the browsers load the images immediately. However, this makes the pages take too much time to be completely loaded. For this reason, websites make the images load lazily.
You can use Exchange element attributes setting to save lazily loaded images. For more information on how to do it, please refer to Exchange element attributes. To summarize, follow the steps below:
Open Site Settings Page of the site whose lazy-loaded images you want to save
Go to Post Tab and scroll down to Manipulate HTML Section
Find out which attribute of
imgelements stores the actual image URL. For this guide, let’s assume it is
Put the actual image URL into
imgelements by configuring Exchange element attributes setting as follows:
data-src(This might be different in your case)
Optionally, click to button available next to the setting you configured. Observe the test results to see if the actual image URLs are now in
srcattributes. If not, make sure the setting is configured properly.
Now, the plugin will be able to retrieve image URLs from
imgelements. You can configure the settings used to save the images without worrying about the lazy-loaded images. To learn how to save images, you can refer to Saving images in post content or Saving the featured image of a post.