Maybe we can keep this default for images, but add support for the Picture element, which people can control? Or maybe we can build a dialog that is available when right clicking an image in the Design Panel, which allows you to customize the additional sizes? It is not clear however how to make these customizable if people want to override them. The breakpoints in srcset can be set to the Bootstrap breakpoints (so you have one image for xs, another for sm and so forth). One way to do this is to automatically generate smaller versions of all images over 100kb that are imported in Bootstrap Studio, and then generate srcset automatically. This is another reason to add good support for responsive images. Also, as observed, mobile is becoming the dominant format a lot of sites get viewed in. So resizing images upon import is something we've been considering. In extreme cases 5mb+ photos end up used as thumbnails. Thank you for starting this thread, have seen many instances in which people import much larger images in Bootstrap Studio than they need. (i just checked stas for a few local business websites i did, 80% hits come from mobile, 5% from tablets and just about 15% from desktops, so small screen sizes are normal here)
Most users now visit websites via mobile browsers, using 4g/lte with their phone, and support for srcst is important in a moibile-first design. So please keep these for BSS "bootstrap 4" version, and don't worry about xp-era desktops. One very important point is that to support these advanced features and optimizations we do need to drop support to ancient browsers ad os. It's quite standard for modern cms (and site generators too) that the user just upload a large image (w=3000px) and the software creates the smaller srcset images to be served to the users. So i'd love to see some automation towards these modern features. O think we can borrow a few idea from GRAV too, that has a modern responsive image support there are also a few plugin specialized to do that, in order to deliver smaller images when the user is on mobile or with a smaller screen.
0 kommentar(er)
