How to Create a Web Page Size in Photoshop
Create the size for your web page in Adobe Photoshop as the base for your web page layout. Determine the desired size of your web pages based on the screen resolution statistics of the majority of your website viewers, or use standard web page sizes as the base of your design. Download free Photoshop web page templates that will help you begin your web page design.
Other People Are Reading
Instructions
-
-
1
Open Adobe Photoshop. Under the "File" menu select "New." In the pull-down boxes located next to "Width" and "Height," select "Pixels" as the unit of measurement. Base measurements should be 800 pixels wide and 600 pixels tall. Expanded measurements should be 1024 pixels wide and 768 pixels tall.
-
2
In the new image window in Photoshop, set the resolution to "72" and select "pixels/inch" from the pull-down menu.
-
-
3
In the field labeled "Color Mode" in the "New Image" window, select "RGB Color" from the pull-down menu.
-
4
Set the background contents to reflect the color of the background you would like for your web page.
-
5
Create the design you want to appear as the background for your web page layout.
-
6
Once you have completed the design of your web page, select "Save For Web & Devices" located under the "File" menu. Select the optimization options for your web page layout and select "Save".
-
7
Open your HTML editor and import the saved image file to complete your web page layout.
-
1
Tips & Warnings
To get you started on your web page layout, consider downloading a free Photoshop web page template. Free templates allow you to develop the base size for your web page design and will also give you design ideas for your finished website. See the Resources section of this article for a link.
