Select a source image or source FileSet which contains images suitable for large retina screens or larger. Every required resolution generates automatically. Leaving the default settings, the block will output as follows:
Up to 460px
Small image (1/8 of the source image) / Medium image (1/4 of the source image) for retina
From 461 to 920px
Medium image (1/4 of the source image) / Large image (1/2 of the source image) for retina
From 921px
Large image (1/2 of the source image) / XL image (source image) for retina
The whole block is responsive and adjusts to parent container.
You can define custom settings for each block separately or set them globally at Dashboard. Feel free to adjust each option to match your own design needs:
If for some reason the source image or fileset is not found, the block stays empty. Your users will not see any error message or missing image icon. Even if you accidentally delete the image/fileset used in one of your blocks. Enter the edit mode to see the error message - this tells you why your block is empty.