Standard sizes for web design_html/css_WEB-ITnose

Websites have emerged rapidly with the rapid development of the Internet. As the main basis for accessing the Internet, they have become very important due to the frequent use of the Internet. Because enterprises need to present products, services, concepts, culture, or provide certain functional services to the audience through the website. Therefore, web design must first clarify the purpose of designing the site and the needs of users, so as to make practical design solutions.

Standard size for web design:

1. Under 800*600, if the width of the web page is kept within 778, there will be no horizontal scroll bar, and the height will depend on the layout and Content determines.

2. Under 1024*768, the width of the web page is kept within 1002. If the full frame is displayed, the height is between 612-615. There will be no horizontal scroll bar or vertical scroll bar. (There are standard values ​​set in dw. The standard size of a 1024*768 page is 955*600. Just follow its size)

3. You can create web pages in ps at 800* It displays full screen in the 600 state, and there is no sliding bar at the bottom of the page. The size is about 740*560

4. The pictures made in PS are different when they are online, in terms of colors, etc., because WEB Only 256WEB safe colors are used above, while the RGB or CMYK, LAB or HSB color gamut in PS is very wide, so there will naturally be color loss.

The page standard is 800*600 resolution Produced at a high rate, the actual size is 778*434px

In principle, the page length should not exceed 3 screens, and the width should not exceed 1 screen

Each standard page is A4 format, that is, 8.5X11 inches

The full-size banner is 468*60px, the half-size banner is 234*60px, and the small banner is 88*31px

In addition, 120*90 and 120*60 are also standard sizes for small icons

Each non-home page static page contains no more than 60K image bytes, and the full-size banner does not exceed 14K

Standard web page ad size specifications

1. 120*120, this ad specification is applicable Display in product or press photos.

2. 120*60, this advertising specification is mainly used for LOGO.

3. 120*90, mainly used for product demonstrations or large-scale LOGOs.

4. 125*125, this specification is suitable for image advertisements that show photo effects.

5. 234*60, this specification is suitable for advertising links on the frame or left and right homepage.

6. 392*72, mainly used for advertising banners with many pictures, used for headers or footers.

7. 468*60, the most widely used advertising banner size, used for headers or footers.

8. 88*31, mainly used for web links or small website logos.

Remarks on maximum pixel size of advertising format

BUTTON120*60 (gif must be used)

215*50 (gif must be used)

7K

7K

Banner 760*100

430*5025K

15K static picture or reduce motion effect

Super banner 760*100 to 760 *200 total 40K static pictures or reduce motion effect

Huge ads 336*280

585*12035K

Vertical ads 130*30025K

Full screen Advertising 800*60040K must be static pictures, FLASH format

Mixed graphics and text, different for each channel 15K

Pop-up window 400*300 (try to use gif) 40K

BANNER468* 60 (try to use gif) 18K

Hover button 80*80 (must use gif) 7K

Streaming media 300*200 (can be made into irregular shapes but the size cannot exceed 300*200) 30K playback time is less than 5 seconds and 60 frames (1 second/12 frames)

Ad size in the web page

1. Top right of home page, size 120*60

2. Home page Top banner, size 468*60

3. Home page top banner, size 760*60

4. Home page middle banner, size 580*60

5. Top of inner page Banner, size 468*60

6. Top banner of inner page, size 760*60

7. Top left of inner page, size 150*60 or 300*300

8 , download address page, size 560*60 or 468*60

9. Bottom bar of inner page, size 760*60

10. Left floating, size 80*80 or 100*100

11. Float right, size 80*80 or 100*100

IAB and EIAA released new online advertising size standards

Among these 6 formats, except for iab last year The four formats released in the "Universal Advertising Package" are: 160x600, 300x250, 180x150 and 728x90, as well as the newly announced 468x60 and 120x600 (Optimus Prime).

Recommended reading:

10 Immersive 404 Pages

20 UI Design Principles

2015 Graphic Design Software Ranking

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.