SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Adjust JPGs To Different Screen Resolutions - Is it Even Possible

    Sitepoint Members,
    I noticed my header graphic (jpg) is a lot smaller when vied on a laptop. Is there anyway to fix this or is a png graphic the only solution. The graphic looks pretty terrible when converted to png.

    Thanks,

    Chris

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,329
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Chris77 View Post
    I noticed my header graphic (jpg) is a lot smaller when vied on a laptop.
    In relation to the rest of the page? It's not quite clear what you are asking here.

  3. #3
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Ralph,
    You know I have sort of the same question from a different angle. I looked up on google adjusting a website for different screen resolutions. I came up with this really good find
    http://www.alistapart.com/articles/holygrail/

    but then in looking at my site in different screen resolutions I saw that the browser was shrunk. I know it's because there's more pixels, but if it's too small to read, it's useless. So using the holy grail is not going to change anything because the browser is shrunk. Are you sayiing all websites and browser are small on laptops because laptop have a higher resolution? If so, what's the puropse? Are you saying the user has the purpose because the user can change the screen resolution to whatever he or she wants and can make the site look like what I'm use to seeing my site as? If so, that would mean there is no adjusting a website to different screen resolutions.

    Thanks,

    Chris

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Desktop web browsers have no real concept of dpi so I assume what you mean is the browser viewport differs or (screen dimensions) and that not all people browse full screen, etc.

    What you seem to be wanting is a fluid design based on percentages. Obviously a 100px image will typically look smaller on a small Netbook screen rather than a desktop because it is a logical measurement. So it will typically be harder to read image text on a 10-inch than a 23-inch but 72 dpi may be set on both.

  5. #5
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    My desktop Windows OS computeer allows one to change screen resolution. Not all people use the same screen resolution. How can you get a gtaphic to adjust for different screen resolutions? Sounds like it may not be possible.

    Thanks,

    Chris

  6. #6
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Percentages like I said above but obviously with such images being raster instead of vector they might not scale that well with regards to text legibility. If you mean dynamically change then that is a different kettle but the image itself will "logically" be a specific dimension and still be essentially 100px regardless even if the screen is huge or small hence why web isn't print.

  7. #7
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I doubt anyone would have dynamically changing screen resolution so there wouldn't be a need for a dynamically changing graphic to adjust to automativcally adjust to different screen resolutions. I guess there aren't large banners or other large graphics programmed for high resolution screens, otherwise what would hqppen to the large graphic on lower resolution, like desktop comuters? It would be way too big.

  8. #8
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Really we are talking physical pixel dimensions since browsers (unlike graphics editing programs) have no real concept of dpi. Thus images are obviously shown on any screen only according to their actual size in pixels. I'd suspect most designers chose to draw on a desktop and thus pick a generic image dimension like: http://en.wikipedia.org/wiki/Web_banner#Standard_sizes or whatever the current trend is at the moment.

  9. #9
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    If browsers have no understanding of dpi, then it seems that you can't make an image on the browser adjust to the visitor's screen resolution. So if you created your image on a lower screen resolution, I guess you're stuck with it being smaller on higher screen resolutions.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •