For best search engine indexing an image should be inserted in an HTML5 <figure> element with an alt text attribute and a caption in the <figcaption> element.
Inserting descriptive text in the same container as the image allows the addition of keywords.
Images in a responsive website must be inserted in at least two sizes and have the option to be lazy loaded.
Images for a responsive website need to be correctly sized and optimised before importing into EverWeb.
Some max sizes are for responsive images are suggetsted in the list …
Before building a website arrange the images in folders, size them by cropping and optimise them all at once to save time.
An excellent app for optimising images quickly is ImageOptim
Images for responsive pages need to be inserted in at least two sizes for computer and mobile devices. If they are not in view at oage load they should be lazy loade for best download performance.
Hero