Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

John J Rambo

macrumors member
Original poster
Mar 10, 2010
37
0
Belfast
Hi Guys, I have designed a site at a resolution of 1280x1024, but viewing it at 1024x768 makes it look massive and a bit blurry. Is there any way to keep the format of the higher resolution version when viewed at 1024x768?

thanks for the help!
 
Big Mistake

I studied webdesign. I recommend you make the width no more than 760. Why? There are people out there that still use 800 X 600 screens and many more with 1280. No matter what ppl say... most screens are still 72 dpi (pixels per inch)

Redo ur website...
 
Actually, the standard these days is to make your widths no larger then 960 pixels. 760 is gone away with neon colors and roller blades. 1200 is still a bit too big. 10-14 percent are still using 1024 resolution.
 
your website's width should not be larger than 960 pixels. If someone is still using 800X600, they do not have internet. They just use it to play solitaire.
 
Hi Guys, I have designed a site at a resolution of 1280x1024, but viewing it at 1024x768 makes it look massive and a bit blurry. Is there any way to keep the format of the higher resolution version when viewed at 1024x768?

thanks for the help!

You're not just changing the resolution setting on your monitor are you?
 
I'll post a couple of examples of what I mean. The site will function fine when viewed at the lower resolution but its just not looking the way I want it too.
 

Attachments

  • 1280x1024.jpg
    1280x1024.jpg
    455.5 KB · Views: 109
  • 1024x768.jpg
    1024x768.jpg
    302 KB · Views: 94
They look the same. If you are using the same monitor and changing the resolution, you are simply making 1 pixel spread out and display over several. That is why it will look blury.

Get the firefox web developers toolbar plug-in and change the size of your browser window to accurately test what it would look like in a browser that size - don't change your screen resolution.

/Doug
 
Just installed the developers toolbar... fantastic.

So just to get this right, if some one is viewing this on a monitor the same as mine (top resolution is 1280x768) but set at a lower resolution, it will simply be blown up on screen to fit causing it to blur?
 
So just to get this right, if some one is viewing this on a monitor the same as mine (top resolution is 1280x768) but set at a lower resolution, it will simply be blown up on screen to fit causing it to blur?

Correct. 1 pixel is 1 pixel when it comes to LCD monitors. If you ask it to show fewer pixels than it has, it will enlarge the data to spread over several pixels.

Best thing to do is resize your browser window to the resolution you want to test.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.