Update Date: December 17, 2013 what is the type of website? The content can be a mixture of text and image. For photographers, artists and other creators, images on the website may be the most important part of the content, so it is very important to know how to display images correctly. Of course, you can upload photos and graphics through the WordPress dashboard, but you’d better read this article if you want to ensure that the website is fast, readable and search engine optimized. This is a short guide to best practices when using images on the website.
Saving and uploading images WordPress allows you to upload huge images directly from your computer and display them automatically according to the blog width, but it is recommended not to upload unprocessed images. If indicated in the code, all web browsers can display images at a smaller size than the actual size, but this does not reduce the actual file size. The 500kb image is still 500kb, showing 50% of the total width and height. Bloggers who are not familiar with HTML and WordPress may think that the speed will be fast because the image is not large on the screen.
To determine the image size, right-click the image on the blog or click control -, and then select View \/ open image from the menu (the statement is slightly different depending on the browser used). If the open image is much larger than the image seen on the blog, it indicates that the image size is not appropriate. If there are blogs with many images and the size is not adjusted before uploading the images, the overall size of the web page may become unnecessarily large. It is recommended to spend a few more minutes adjusting and compressing the image before uploading. This can be easily implemented in Photoshop or other image editing software. You can also use free online tools, such as picmonkey and image optimizer in dynamic drive.
Manually adjusting the image size can completely control the compression and greatly reduce the upload time, but if necessary, you can also choose to use the zoom image automatically generated by WordPress every time you upload. When inserting photos into posts, you can choose to insert images of full size, large size, medium size, or thumbnail size. Settings > media can edit this size according to the blog design. After choosing this method, anyone can the original size image from the website for free. This is not the best choice for photographers and illustrators!
In addition to verifying the image optimization and availability, whether the size of the image is appropriate and optimized at the page loading time, it should also ensure whether the tag is in line with SEO (search engine optimization). Using SEO, search engines can more easily find your site and generate indexes. Sites using excellent SEO technology are more likely to be displayed on the search engine results page than non optimized sites. A complete discussion of SEO is beyond the scope of this article (many word press topics are basically SEO friendly). However, optimizing image metadata information can help some booths in website SEO and people find your website through Google Image Search and other image-based search engines.
In particular, if the image represents important information, it is also important to label the image appropriately to obtain usefulness. If the image is not loaded or visible (slow Internet connection, image off or visually impaired users), an alternative text description must be provided. 1. The file name comes first. When saving the image, please ensure that there is a file name with instructions. IMG
Yes, Raju. Embedded images can provide some diversity for content and help break the wall of text. This is also a good option for small or narrow images and is not suitable for full width display. When using inline images, it is best to set the width to achieve visual consistency. A wider image will compress the text too much and make it difficult to read, so the width should not exceed half the width of the text column. In line images must always be on the right side, not the left side of the text, to avoid breaking the left margin and reducing readability. Using images to decorate blog images is important for creating interesting and visually attractive blogs, especially when marketing creative businesses. Follow the techniques described in this article to get a well optimized and well behaved image. In this way, your website not only looks beautiful, but also loads quickly, reads happily, and is more attractive to search engines. Happy publishing!
