Perfect pictures with picture element

One of the biggest challenge of responsive web design are images. In the quest ofpicture tag in html5 delivering crisp images web designers and developers have increased the size of data being transferred for images. Since images attribute to 60% of the bandwidth used to optimize the user experience it is important to have the ability to show different image sizes on different devices.  Images are one of the biggest obstacles in implementing truly responsive web design. Different solutions have been suggested to overcome the problem of implementing responsive images in web design. One of the solution, using srcset attribute, was discussed in a earlier postContinue reading “Perfect pictures with picture element”

Using srcset (Source Set) attribute for responsive images

srcset attribute for responsive images in responsive web designOne of the most daunting challenge for web designers and web developers in implementing responsive web design has been using responsive images. The true benefits of responsive web design can only be yielded if responsive images are used since images are a large component of web design. HTML5 makes developing responsive web design easier. To ensure that responsive images are being used using the srcset attribute ensures that the right size image is served for different screen sizes. Continue reading “Using srcset (Source Set) attribute for responsive images”