locked
resize images RRS feed

  • Question

  • User589052352 posted

    How can I resize my images for phone website?

    Right now, I m just using existing images of desktop website in my mobile website but they are just so wide on phone screen...

    Any suggestions..

    Tuesday, October 11, 2011 6:41 PM

Answers

All replies

  • User1943143334 posted

    Hi,

    If you add the following META tags, then your website is mobile compatible!

    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=device-width" />

    The above META tags automatically makes your website to fit your mobile screen!

    If still problem persists, do create separate images for  Mobile devices using many IMAGE EDITORS available free online!

    TIP:- Make sure you are using PNG format for images, so that it will render quickly and it will be in less size!

    Hope it helps u...

    Tuesday, October 11, 2011 9:08 PM
  • User589052352 posted

    Yes I already have these meta tags but still the images are big and making the page too wide...

    May be I need to shrink the images...

    Wondering if most mobile devices can work with single mobile website?

    Tuesday, October 11, 2011 10:43 PM
  • User1943143334 posted

    Hi,

    Did you set the height and width for the images! If yes, then it the behaviour is correct. If no, try to resize the image with generic height and width, so that it will display in almost all mobile device browsers!

    Hope it helps u...

    Wednesday, October 12, 2011 11:18 AM
  • User-1877466391 posted

    From opnion, it's better to have a Mobile version website to cover loading performance, usability, voice recognition features.

    Wednesday, October 12, 2011 12:21 PM
  • User589052352 posted

    Hi,

    Did you set the height and width for the images! If yes, then it the behaviour is correct. If no, try to resize the image with generic height and width, so that it will display in almost all mobile device browsers!

    Hope it helps u...

    What some default size I should keep for my images?

    Thanks

    Wednesday, October 12, 2011 12:32 PM
  • User1943143334 posted

    Hi,

    320X480 may be the best size for Mobile devices!

    Check the following links for best practices for Mobile web development,

    http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/

    http://www.w3.org/TR/mobile-bp/

     

    Hope it helps u...

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, October 12, 2011 1:13 PM
  • User589052352 posted

    We just use 320.. So (any units) like px ?

    Wednesday, October 12, 2011 1:27 PM
  • User1943143334 posted

    Hi,

    Yeah try 320px!

    Hope it helps u...

    Wednesday, October 12, 2011 1:31 PM
  • User1943143334 posted

    Hi,

    Yeah try 320px!

    Hope it helps u...

    Wednesday, October 12, 2011 1:32 PM