Sponsored Links
Creating seamless backgrounds
HTML allows you to embellish web pages in many ways. One of these is, putting a background image using BACKGROUND attribute of the <BODY> tag.
Employing any odd image as a background seldom results in the desired effect and usually spoils the look of the page. The reason is that browsers tile the background image. You can either make a very large background image, something like 1000 X 800 pixels or use a smaller seamless image.
Why use a seamless image instead of a large background image?
One simple reason: FILE SIZE
A large background image, say 800x600, would be at least 30kb (optimized). A small seamless image would be much smaller. You can have seamless images that are a mere 3kb! Thus, small seamless images result in faster web page display.
Okay... so what is a seamless image?
It's an image which, when tiled, does not display its borders/boundaries. This happens because the left and right & top and bottom sides are welded so a particular side continues the information on the opposite one.
This tip will help you make a simple but useful seamless image that can be used as a background for your pages. In the next tip you can beautify and color your image.
I employ Paint Shop Pro here, however, you may try your hands at Adobe PhotoShop... the tools may vary but the logic remains the same!
Step 1
Start Paint Shop Pro and open a new image 100 X 100 pixels.
Step 2
Fill this image with white (Red = 255, Green = 255, Blue=255).
Step 3
Click on Image and select Add from Noise in the Filter Browser.
Step 4
Select Random and set the % Noise at 18.
Your image should look like
Step 5
Click on Image - Other - Emboss. The image now becomes greyish in color. Your result should be
Use this in a page to see how it looks or click here. (This open another window).
Page contents: Create a small seamless background image that tiles on a web page giving a semblance of a larger image with minimal download times.
Comments, questions, feedback... whatever!
Recent Articles
- Change Outlook Express email password
- How to prevent account hacking
- Outlook Express disappeared?
- Make photograhs smaller for email
- Save Outlook Express address book - backup data
- Make avatar in 2 minutes!
- Set up new email notification - a sound alert
- How to make an email ID
- Stop people from copying pictures and photograhs
- How to decrease the picture size for email
- How to use Windows Mail Vista
- Backup Windows Contacts on Vista
- Make a login page / section without programming
- Export Windows Contacts
- Transfer Outlook Express email to Windows 7
- Install Apache on Windows 7
- Install PHP on Windows 7
- Install MySQL on Windows 7 - instructions
- Minimize Windows Live Mail to system tray in Win 7
- Copy Outlook Express email account to Windows 7
- Move Outlook Express address book to Windows 7Live Mail
- Copy old email from Outlook Express (Windows XP) to Windows Live Mail
- How to make a password
- Prevent download and copying of photos from web site / blog
- Reduce the image size for email & web site
- Make Google the browser homepage
- How do I make a watermark?
- Move Outlook Express email account to Windows Mail Vista
- Transfer Outlook Express address book to Windows Mail Vista
- Move Outlook Express emails to Windows Mail on Vista
- Shorten email address when its too long
- How to use Outlook Express
- Change photo to avatar
- Get a second Yahoo email address
- Copy Outlook Express address book
- Backup Windows Mail Vista email
- Transfer email account from Windows Mail Vista to Windows Live Mail
- Copy Windows Contacts from Vista to Windows 7
- Move Windows Mail Vista email to Windows 7 (Windows Live Mail)
Recent Blog Posts
- What is a watermark and how to create one?
- Transparent watermark - how to
- Get avatar for free
- Transfer emails from Windows Vista to Windows 7
- Get Windows Live Mail
- Email program on Windows 7
- How much does email cost?
- Change incoming and outgoing email server issue
- Email notification sound – play my own message
- Enter Hotmail password each time
- When can I start using email?
- Two email addresses issue
- Hotmail asks to verify account each time
- How many emails can I have?
- Put image in email message
- Internet Explorer home page does not change – problem
Popular Articles
- Hotmail Sign In page
- Hotmail login
- Create a Hotmail account - Instructions
- Make a Hotmail account - step by step
- Hotmail sign in problem and solution
- Create Gmail address
- Download and install Outlook Express
- Get your free Gmail address
- Outlook Express new version
- How to make a Yahoo email address
- Create my own email address
- Browers for Windows list
- How to access my computer
- Access email from another computer
- Create your own search engine
- Create email address on domian name / web site
- Get email address
- Outlook Express for laptop - download and install
- Color combinations for web sites and pages
- Create Yahoo ID
- Yahoo login
More web tips & tricks
- HTML, Javascript tips tricks (68)
- Web Design tips & tricks (33)
- Graphics tips & tricks (20)
- Web Promotion tips & tricks (8)
- Internet tips & tricks (10)
- Outlook Express Help - tips & tricks (47)
- Windows Mail help (23)
- Windows Live Mail help and tips (27)
- Gmail help and tips (32)
- Hotmail help and tips (38)
- Yahoo help & support (37)