Standard dimensions for Web page layout design (800*600,1024*768 and other dimensions)

Source: Internet
Author: User
Tags format

Many web design in the design of the Web page layout, the interface of the width of the page design are more confused, 800*600 size and 1024*768 size of the resolution, the page should be designed to how many pixels is appropriate? The horizontal scroll bar will appear when it is too wide, Below we will explain the standard dimensions of Web design.

Web Design Standard Size:

1, under the 800*600, the Web page width remains within 778, there will be no horizontal scroll bar, the height of the layout and content decisions.
2, under the 1024*768, the width of the Web page remains within 1002, if the full box display, the height is 612-615 between. Horizontal and vertical scroll bars do not appear.
3, in the PS to do the page can be displayed in the 800*600 State full screen, the bottom of the page will not appear sliding bar, the size of 740*560 around
4, in PS to do the map to the internet is not the same, color and so on, because the web uses only 256WEB security color, and PS RGB or CMYK and lab or HSB gamut wide color range, so naturally there will be a pale phenomenon.
The page standard is produced according to 800*600 resolution, the actual size is 778*434px
Page length not exceeding 3 screen, width not exceeding 1 screen
Each standard page is A4 format size, that is, 8.5x11 inches
Full size banner is 468*60px, half size banner is 234*60px, small banner is 88*31px
In addition 120*90,120*60 is also a small icon of the standard size
Each non-homepage static page contains no more than 60K of picture bytes, full size banner no more than 14K

Standard Web Advertising size specifications

120*120, this kind of advertisement specification is suitable for product or news photo display.
Second, 120*60, this advertising specification is mainly used to do logo use.
Third, 120*90, mainly used in product demonstrations or large logo.
Four, 125*125, this kind of specification is suitable for the image advertisement which the performance photograph effect.
Five, 234*60, this specification applies to the frame or the form of the home page advertising links.
Six, 392*72, mainly used for more picture display of the advertising bar, for the header or footer.
Seven, 468*60, the most widely used advertising bar size, for headers or footers.
Eight, 88*31, mainly for web links, or small website logo.
Advertising format pixel size maximum size remark
BUTTON 120*60 (must be in GIF) 7K
215*50 (must be in GIF) 7K
Banner 760*100 25K static pictures or reduce motion effects
430*50 15K
Super Banner 760*100 to 760*200 a total of 40K static pictures or reduced motion effects
Huge AD 336*280 35K
585*120
Vertical Edge AD 130*300 25K
Full screen ad 800*600 40K must be a static picture, Flash format
Graphics and text mixed in different channels 15K
Pop-up window 400*300 (as far as possible with GIF) 40K
BANNER 468*60 (as far as possible with GIF) 18K
Hover button 80*80 (must be in GIF) 7K
Streaming media 300*200 (can be irregular shape but not more than 300*200) 30K playback time is less than 5 seconds 60 frames (1 seconds/12 frames)
Advertising size in Web pages
1. Home right, size 120*60 2. Top banner, size 468*60 3. Top of home banner, size 760*60
4. Home Central Banner, size 580*60 5. The top of the inner page banner, size 468*60 6. Banner at the top of the page, size 760*60
7. Inside page left, size 150*60 or 300*300 8. Download Address page, size 560*60 or 468*60
9. Banner at the bottom of the page, size 760*60 10. Left float, size 80*80 or 100*100
11. Right float, size 80*80 or 100*100 the above several statements may have a little discrepancy, we can explore.


IAB and EIAA release new size standards for web advertising

In these 6 formats, in addition to the 4 "generic ads" formats released last year by IAB: 160x600, 300x250, 180x150 and 728x90, there are 2 new announcements of 468x60 and 120x600 (Optimus Prime).

If you have more questions, you are welcome to post questions to our forum: http://www.alixixi.com/bbs/



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.