: Planning to use different size images across different devices The current framework I use to design webpages currently doesn't do anything to optimize images across different devices. As I see
The current framework I use to design webpages currently doesn't do anything to optimize images across different devices. As I see it, their are four types: mobile, tablet, desktop PC and large desktop PC to make things simple, the last three can be considered as one unit and mobile devices as a separate entity (I understand that they are not the same and shouldn't be considered in the same breath).
Dimensioning is the issue I'm having. If we consider a graphic for the header that will take up 100% of the width and be a height of 500px how is that graphic best translated down to a smaller device (iPhone 5 for argument's sake)?
More posts by @Kristi927
1 Comments
Sorted by latest first Latest Oldest Best
Since the header graphic is wider than it is taller, I would suggest having it follow the width of your target device. The header may have to be re-sized into a different dimension for mobile devices though.
My suggestion would be to enlarge the graphic height and optimize it to look best on a mobile device. For example, you could increase text size to increase readability on a mobile device. Also, try to export the graphic at 2x (150dpi) to ensure best results.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.