answersLogoWhite

0

There is no one ideal size... it depends on your goals for the Site.

One thing is true, the smaller your image size, the better. For that reason, most Web Designers use a seamless, "tiled" image, meaning a small piece that can be repeated over and over again without the viewer being able to see where the edges meet.

Pick a size, for example 50px x 50px. Try to find the tile size that allows you to make a unique background while using the smallest amount of real estate.

It takes a little practice to be able to design a tile properly so that it blends together with itself, but in no time you'll be a pro. Just think symmetrically, both horizintally and vertically, and you're already off to a good start.

Some Site Designers out there want the entire background to be a unique, non-repeating pattern. For these applications, you're going to have to use an image that is as wide and tall as the standard screen (about 1024px x 728 these days). This image will undoubtedly be larger in file size and take more time to load into a browser window, which is one of the reasons most Designers don't take this approach.

Many Designers are of the opinon that file size doesn't matter that much anymore. Most internet users have a high-speed connection these days and the load times don't take as long as they used to. Old-School Designers like myself were taught to design to the lowest common denominator: That is, to design your pages so that Joe Blow in middle America with a 56K dial-up connection can still access your Site and see it properly.

You will have to make a call on which stance you take, maybe somewhere in between... determining what size background image to use is based upon your needs and goals.

Best Wishes

Marc

User Avatar

Wiki User

16y ago

What else can I help you with?

Continue Learning about Engineering

How do you Setting a background image in a worksheet?

To set a background image in a worksheet, first, open your spreadsheet application (like Excel or Google Sheets). In Excel, go to the "Page Layout" tab, select "Background," and choose your desired image from your files. In Google Sheets, click on "Insert," then select "Image," and choose "Image in cell" or "Image over cells" to place your image. Adjust the image's size and position as needed to fit your worksheet layout.


If you use CSS to configure both the background image and the background color what will happen?

In most browsers the background image will be shown. If the image has been configured so as not to repeat, and the element is larger than the background image then the area that is not covered by the background image will display the background color. DJL


What is the css code for posting a picture?

To post a picture using CSS, you typically use the background-image property. Here’s an example: css .image-container { width: 300px; /* set width */ height: 200px; /* set height */ background-image: url('your-image.jpg'); /* specify image URL */ background-size: cover; /* ensure the image covers the container */ background-position: center; /* center the image */ background-repeat: no-repeat; /* avoid repetition */ } In HTML: html Copy code This CSS code sets a background image for a container and ensures it's centered, scaled, and non-repeating.


If you have chosen both a background color and a background image for a page within your site?

This is actually a very good idea, especially if you have a dark background image. The background color will almost always work (unless the browser doesn't support any colors at all) but the background image may not load properly or may take a long time to load. If you have light text on a dark background image, the text will not be readable against the default white background until the background image appears. If something goes wrong with the image download, the user may never be able to read the text. It's a good idea to assign a background color that is similar to the background image to prevent this problem.


You have no background images or colors?

This is pulled from one of my stylesheets. body { background-image: url(brnbak02.gif); background-repeat: repeat; background-color: #cfe3ff; font-size: 12pt; font-family: "Times New Roman", serif; margin: 0; padding: 0; }

Related Questions

How do you stop your background site from tiling?

To stop your background site from tiling, you can use CSS to set the background image property. Specifically, use background-repeat: no-repeat; to prevent the image from repeating. Additionally, you can set background-size: cover; or background-size: contain; to ensure the image fits the desired area without tiling. This will create a cleaner look for your background.


Why does your Cisco IP Phone background image display as a black screen?

make sure from size and list size also remove all old background image ,it will work sure.


How do you make backgrounds that were originally from a picture using HTML?

Use the attribute Background=".." inside the start Body tag using the URL of the image as the value. It should look like this: <body background="http//image URL./nameofimage.gif"> this will place the image as the background of your webpage, and at the end of your HTML document you close the Body </body> If the size of the photo is smaller than the size of the page the image will be repeated to fill in the space.


How do you Setting a background image in a worksheet?

To set a background image in a worksheet, first, open your spreadsheet application (like Excel or Google Sheets). In Excel, go to the "Page Layout" tab, select "Background," and choose your desired image from your files. In Google Sheets, click on "Insert," then select "Image," and choose "Image in cell" or "Image over cells" to place your image. Adjust the image's size and position as needed to fit your worksheet layout.


Blogger background photo size?

you keep your background image under 150kb (under 100 or 50kb is even better). Why? Because having a really large (in terms of file size) image will really slow down your blog's loading time for visitors.


Which graphic designing company has the best image background removal service?

remove.bg


If you use CSS to configure both the background image and the background color what will happen?

In most browsers the background image will be shown. If the image has been configured so as not to repeat, and the element is larger than the background image then the area that is not covered by the background image will display the background color. DJL


In PowerPoint presentation 2003 how do you get a picture as background?

Slide > Background > Fill Effects > Image > (Find your image) > "Return" three times. That's the "hard" way, but the background will not shift from slide to slide. The fast way is to insert an image as you would clip-art, then size it to fit the screen and use "Send to Back."


How do you get a background image for sites?

body{ background-image: photo.jpeg(example.com/image.jpeg);


What is the css code for posting a picture?

To post a picture using CSS, you typically use the background-image property. Here’s an example: css .image-container { width: 300px; /* set width */ height: 200px; /* set height */ background-image: url('your-image.jpg'); /* specify image URL */ background-size: cover; /* ensure the image covers the container */ background-position: center; /* center the image */ background-repeat: no-repeat; /* avoid repetition */ } In HTML: html Copy code This CSS code sets a background image for a container and ensures it's centered, scaled, and non-repeating.


What is the HTML command used to display an image in background?

style="background-image: url('image.jpg')" Example: <body style="background-image: url('background.jpg')">


What factors affects the file size of an animated gif?

Number of framesDitheringPalette size (number of colors)Image size (number of pixels height, width)Compression methodsBackground transparencyRemoval of background