Standard dimensions of Web layout design _ Experience Exchange

Source: Internet
Author: User
Tags color gamut
1, 800*600, the width of the Web page is kept within 778, there will be no horizontal scroll bar, height depends on the layout and content decision.
2, 1024x768, the width of the Web page is kept within 1002, if the box is displayed, the height is between 612-615. The horizontal and vertical scroll bars do not appear.
3, in the PS inside to do the page can be displayed in 800*600 State full screen, the bottom of the page will not appear sliding bar, size of 740*560 around
4, in the PS do map to the web is not the same, color, and so on, because the web only uses 256WEB security color, and PS in the RGB or CMYK and lab or HSB color gamut is very wide color range, so naturally there will be a pale phenomenon.
Page standard by 800*600 resolution, the actual size is 778*434px
Page length in principle no more than 3 screen, width of not more than 1 screen
Each standard page is A4 format size, which is 8.5x11 inch
Full-size banner for 468*60px, half-size banner for 234*60px, small banner for 88*31px
In addition 120*90,120*60 is also the standard size of small icons
Each non-homepage static page with picture bytes not more than 60K, full-size banner not more than 14K

Standard page AD Size specifications
First, 120*120, this advertisement specification applies to the product or the news photo display.
Second, 120*60, this advertising specification is mainly used for logo use.
Third, 120*90, mainly used in product demonstrations or large-scale logo.
Four, 125*125, this specification is suitable for the image advertisement which displays the photograph effect.
V, 234*60, this specification applies to the frame or the left and right form of the homepage of the advertising link.
Six, 392*72, mainly used for more picture display of the banner, for the header or footer.
Seven, 468*60, the most widely used banner size for headers or footers.
Eight, 88*31, mainly used for web links, or website small logo.
Ad form pixel size maximum size remarks
BUTTON 120*60 (must be in GIF) 7K
215*50 (must be in GIF) 7K
Banner 760*100 25K static picture or reduced motion effect
430*50 15K
Super Banner 760*100 to 760*200 a total of 40K static pictures or reduced motion effects
Huge advertising 336*280 35K
585*120
Vertical Edge Advertising 130*300 25K
Full screen ad 800*600 40K must be a static picture, Flash format
Picture and text mix each channel different 15K
Pop-up window 400*300 (try to use GIF) 40K
BANNER 468*60 (try to use GIF) 18K
Hover button 80*80 (must be in GIF) 7K
Streaming media 300*200 (can be made in irregular shape but not larger than 300*200) 30K playback time less than 5 seconds 60 frames (1 seconds/12 frames)
Ad size in a Web page
1. Top right, size 120*60 2. First page banner, size 468*60 3. Home top banner, size 760*60
4. Home center banner, size 580*60 5. Inside page top banner, size 468*60 6. Inside page top banner, size 760*60
7. Upper left, size 150*60 or 300*300 8. Download Address page, size 560*60 or 468*60
9. Inner page bottom banner, size 760*60 10. Float left, size 80*80 or 100*100
11. Floating right, size 80*80 or 100*100 above may be a little bit different, we can explore.


IAB and EIAA release new web AD size standards
In these 6 formats, in addition to the 4 "general-Purpose AD packages" published by IAB last year: 160x600, 300x250, 180x150 and 728x90, there are new 468x60 and 120x600 (Optimus) 2.
  • Related Article

    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.