Preview web background while working on Photoshop

As web designers, we are constantly working on photoshop, so when we are working on a background image and you want to preview it on a browser what do you do? Do you open up a text editor and type in the  background: url(” “) code? That’s too tedious and there’s a better way in Photoshop CS5.

With your image opened in Photoshop go to: File –>Save for web and devices . Once the window opens click on the “2-up” tab

Continue on by clicking on the dropdown menu (shown below)



Click “OK'” after you chose “background image” as the settings.

At the bottom of the page, click on “preview’ to see your background image on a web browser.