How to optimize website pictures?Summary of website image optimization skills
Website pictures are an important part of the website, and website picture optimization is the main task of website optimization.How to optimize website pictures to achieve the best performance of the website?Below are some tips for website image optimization summarized by Chengdu website production.
1. Image format specifications
Image format priority: jpg、jpeg、gif、png、bmp、tiff、pcx、tga、exif、fpx、svg、psd、cdr、pcd、dxf、ufo、eps、ai、raw
Image format extraction rules: Image format should be the first choice jpg、jpeg、gif、png、bmp
2. Image naming specifications
Image naming rules: Chinese is prohibited from naming pictures, and the image naming format is {The name of the folder where the picture is located }-{The name of the channel where the picture is located }-{time (In years )}-{Image upload date }-{coding }.jpg
Example: A certain image was uploaded to a website information channel on August 1, 2012, and its name is, photo_zx_2012_20120801_1.jpg
3. picture URL specification
picture URL rule: http://www.wannuoda.com /{The name of the folder where the picture is located }/{The name of the channel where the picture is located }-{time (In years )}-{Image upload date }-{coding }.jpg
picture URL Extraction rules: {The name of the folder where the picture is located }
4. picture URL Call specification
picture URL Calling rules: http://www.wannuoda.com /{The name of the folder where the picture is located }/{The name of the channel where the picture is located }-{time (In years )}-{Image upload date }-{coding }.jpg
Image calls eliminate relative use URL, Be sure to use absolutely URL。
5. Image code optimization specifications
picture URL Calling rules: {Use the absolute path of the image },example: http://www.wannuoda.com /{The name of the folder where the picture is located }/2012_20120801_1.jpg
Image calls are absolutely used URL, Eliminate relative use URL。
6. picture ALT Attribute optimization specification
picture ALT Attribute rules: {Product name or picture display content }
picture ALT Attribute word count: less than 20 Chinese characters, ALT Attribute content contains the core keywords of the current page once
7. picture Title Optimization specifications
Title It is an explanation and additional addition to the picture. When the mouse passes through the picture, the text appears as an attribute Title content
picture Title Attribute rules: {Product name or picture display content }
picture Title Attribute word count: less than 20 Chinese characters, Title Attribute content contains the core keywords of the current page once
8. Image size and size specifications
While taking into account the clarity and undistortion of the picture quality, try to use the minimum volume, generally 400 kb Within.
Image size reference: http://zhidao.baidu.com/link?url=yBXsj_MzosvKiWoIY6EUXPCGzJvgiDTJ_lAUYPSURRVJOoyI3iM6w5mf5IXSp0ZzNEjOkbwdUV-Sk9qHU-aThq
9. When inserting an image, you must specify the width and height of the image.
During the browser rendering and displaying process, web pages will be displayed according to the attributes specified by the web page.If only CSS Setting the width or height of the image inside will result in a long rendering time and slow opening.The specific attributes are: width="200" Width is 200 pixels, height="200" The height is 200 pixels.Therefore, when it is possible to specify the width and height of the image to speed up the rendering speed of the browser
10. Text description around the picture
Explanatory text for the picture needs to be added around the picture to improve the user experience.
11. Relevance of image content
The purpose of increasing content relevance is mainly to improve user experience and increase user interest in reading.If the search engine recognizes that your page is mainly image content, it will judge the quality of the website from user experience data such as user browsing time, click-through rate, and follow-up area.From this perspective, the relevance of content is something we must pay attention to and is also the focus of optimization.
12. Image link settings
Image links are one of the optimization techniques and are also a powerful tool for high user click-through rates.The picture link should be set as other pages or sub-pages within the website to improve the website. PV value.Meanwhile, link title Try to be related to the title of the next web page, and also contact the content of this page.

The above is the "How to optimize the website picture shared by Suyou Network and everyone?Summary of website picture optimization skills", thank you very much for your patience to read this article, we will provide you with more information on reference, use or learning and communication.We can also provide you with:Enterprise website construction, website imitation, website copying, imitation site, foreign trade website construction, foreign trade website construction, company official website productionFor services, our company serves customers with the service concept of "integrity, professionalism, pragmatism and innovation".If you need cooperation, please scan the code to consult, and we will serve you sincerely.
TAG Label:SEO Ranking Website optimization