Perfect image processing technology in web design

Source: Internet
Author: User
Keywords Perfect

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The image processing in web design is the core part of the Web page display image, the quality of the Web page image and user experience has a direct relationship, many webmaster in the process of operating the site are too much attention to the content of the site, but neglected the importance of the Web page image, in fact, the image of the Web site is the basis of success, is also a good beginning of the overall layout of the site. Then as a webmaster how to do Web page design image processing?

Color selection of Web page images

The color selection of Web images must follow a principle: applicability. Applicability includes user satisfaction, overall coordination of the Web page, the clarity of the page, the other page color image as far as possible to choose RGB mode, because now the browser security color is basically no need to consider, now the display is basically more than 32, in the choice of color when you need to pay more attention to the uniform standard of color, such as VI vision system, graphic design system applications and so on.

Selection of Web page image format

Images are generally divided into GIF, JPG format, GIF format can accommodate 256 colors, now a lot of Web applications are used in the GJF format, its applicability, inclusive is very good. JPG format screen display clearly, but rarely used in the Web page, because it can accommodate more than 10 million of colors, do the station process of clear images often will also cause a certain degree of user fatigue. So it is recommended that you choose the format of the Web page image preferably gif.

The choice of Web image size

Images made using vector authoring tools in the dimensions of Web image design are often more suitable for saving in PNG format, and their dimensions should be determined in vector drawing tools, and will no longer be easily scaled after they become bitmaps (in particular, they should not be magnified). It is noteworthy that the PNG file created in fireworks contains editable information such as layers, where the lines, shapes, and text are vector graphs. Applying such an image to a Web page should be preceded by an output operation to compress the file size, and the exported PNG image will be converted to a bitmap because it loses editable information. Therefore, the image size adjustment should be completed before the output operation. Bitmaps are not scaled to ensure that the contours and gradients of the image are clear enough.

Transparent selection of Web page images

Transparency has always been a technical problem in image processing, transparency is very important to the user impact, now the general use of transparent images are GIF format, the processing of image transparency must be combined with the browser, unified to the transparency of the browser, generally speaking, page image most translucent is the largest limit, More than translucent will show the non-public image, that is, hidden image, so do not recommend, many users like bold image, here can be adopted.

Selection of Web Image animation

Web animation is now gradually spread up, we can see the lower right side of the Sina network, basically there will be a small window animation, in general, their animation format is flash, because the flash has good imaging effect, the principle of economic application, as well as GIF format animation, However, there are many shortcomings in the GIF format animation, the first image color is insufficient, the second production of complex animation technical support is not enough. Choose the webpage animation suggestion chooses Flahs to make, the effect is very good.

The image design of Web page is a very complicated thing to the composition of the website, what we need is to change this matter from complex to simple, choose good image color, format, transparency and so on, in the production of attention to choose a good tool, do not take some immature tools to make, that can only be produced semi-finished products, This article originates from www.renaojie.com L-carnitine reprint please keep author link, thank you.

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.