Image resize in html

Get Started | Login

Discussion Forums > WebViews and HTML for Mobile

Replies: 2 Views: 101

Walms Code is Art Posts: 235 Reg: Aug 24, 2011 Derby 3,300	confirm \| cancel 10/22/12 05:16 AM (13 years ago) Image resize in html When designing your html screens do you oversize the images so that when scaled on mobiles images reduce to fit smaller screensize or do you design with particular screensize in mind? Currently my html was designed with iPhones in mind so all images had max width of 320px. In Android same html is being stretched to fit. Im wondering whether doubling each images size will mean that they will display better on both platforms? Title Comments When designing your html screens do you oversize the images so that when scaled on mobiles images reduce to fit smaller screensize or do you design with particular screensize in mind? Currently my html was designed with iPhones in mind so all images had max width of 320px. In Android same html is being stretched to fit. Im wondering whether doubling each images size will mean that they will display better on both platforms?

AlanMac Aspiring developer Posts: 2612 Reg: Mar 05, 2012 Esher, UK 37,120	10/23/12 07:25 AM (13 years ago) I use 320x480 as my background for for small devices and 768x1024 for large devices, this seems to cover most things reasonably well. If you view the small image on a tablet, it invariably looks grainy. Comments I use 320x480 as my background for for small devices and 768x1024 for large devices, this seems to cover most things reasonably well. If you view the small image on a tablet, it invariably looks grainy.

Walms Code is Art Posts: 235 Reg: Aug 24, 2011 Derby 3,300	10/24/12 01:44 AM (13 years ago) thanks pal, they are the sizes I am working too anyway Comments thanks pal, they are the sizes I am working too anyway

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.