Desktop screen sizes are becoming larger and at the same time the consumption of content on mobile devices is growing exponentially.
A user browsing your website on a large desktop screen will certainly appreciate the large high quality images your website might be using but those same images can hamper the mobile user experience.
I already follow some of these tips and hence really liked the solutions presented in this article –
This basically means your mobile website will be somewhat different from your desktop website. This would help optimize the user experience on each device. Despite this difference, your website could still be “responsive”. You do not need two completely different code bases.
If your website is using popular platforms like WordPress you can use simple plugins for detecting whether the device is a mobile and then customize content as per the device. Media Queries (CSS technique) can also help in this but using media queries may not be efficient for “hiding” large images.
This post is not about the techniques to use but to emphasize that it is important to give your users an excellent experience.
You should definitely take the time to plan how your images are being served on different devices.