Responsive Images for Developers

Responsive Images for developers # Why?!? TODO How?!? TODO Libs - https://github.com/aFarkas/lazysizes - https://github.com/syamilmj/Aqua-Resizer Useage Options imgId A WordPress attachment image id. Output (All is not implemented yet) - img: Regular img-tag (Not implemented, yet) - img: Regular img wrapped in a div with kept aspect-ratio. The img behaves normal if the ratio setting is omitted. - div: Div with srcset - srcset: For usage in "data-srcset"-tag Ratio (Optional) The following aspect ratios are available. - string "1x1" - string "2x1" - string "4x1" - string "4x3" - string "16x9" - string "1x2" - string "1x4" - string "3x4" - string "9x16" Ratio (Only valid when "output = img-ratio" or "output = img") imgAttributes and wrapperAttributes (Only valid when "output = img") HTML attributes added to the wrapper-div and the img-tag when using img output mode divWithBgImageAttributes (Only valid when "output = div") Output as div has 2 premade helper classes to avoid inline styling, "cover" and "contain". TODO - Caching of rendering - Ratios with bootstrap breakpoints - Use printplugin for Lazysizes