Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Background Size

Featured Replies

Sorry if this has been posted before but I couldn't find the answer I need.

 

I'm working on a couple of sites and I would like to have a fixed position background that needs to fill the browser window. I can't use any form of repeating as it's a custom made (by the client) texture that doesn't repeat. Now what I want to know and for some reason haven't been able to receive a sold answer is what size should I make this image to ensure that the highest range of screen resolutions will be able to see it as intended without an obvious cutoff? or what is the highest screen res that I should worry about?

I'd say 1920x1200 is pretty safe, for now that is...

  • Author
Have a look at these stats from NetApplications:

 

http://marketshare.hitslink.com/report.aspx?qprid=17

 

The most common resolution is 1024x768.

 

I saw that but since it is more of a niche site they have a little higher average just because of the scale of the graphics they work with. and I also wanted to make sure that it just works instead of works here but not so good here if you know what I mean.

I saw that but since it is more of a niche site they have a little higher average just because of the scale of the graphics they work with. and I also wanted to make sure that it just works instead of works here but not so good here if you know what I mean.

 

A good thing to do is to view your background at the various common resolutions (eg. 1024 x 768) and make sure it still looks good at these popular sizes. If not some photoshop trickery might be in order... ;)

Is it an existing site or a new site your doing? If it's an existing one, you might be able to tell from the website logs what resolutions people that visit the site use (or the highest resolution anyone that's visited it has ever used)? Just a thought. :)

Unless these sites are aimed at the design community 1920x1200 would be plenty I'd say. Of course it depends on the image also, there's no point making it look good a high resolution monitors if it is detracting from the appearance for the 1024px majority.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.