Image is very important element of any website. Without images in a website I really can not this as Web Designer. Image make your website design full fill. It also important to get best result by your website. In this tutorial I am going to share “Image publishing guidelines get best result for your website”
Make your images detailed, informative filenames
The filename can give Google idea about the subject or topic of the image also the post or content. So make your images filename a good description of the subject matter of the image. For example, image-publishing-guidelines-get-best-result-website.jpg is a lot more informative than IMG00019.JPG. Informative filenames can also be useful to users. It’s best idea to share as much as you can about the image. But not try to write a full content in alt””.
Here a Example for You :
Not so good:
<img src=”IMG00019.jpg” alt=””/>
<img src=” image-publishing-guidelines.jpg” alt=”puppy”/>
<img src=” image-publishing-guidelines-get-best-result-website.jpg” alt=”Image publishing guidelines get best result for your website”>
To be avoided
<img src=”0248.jpg” alt=”Hello, I am going to tell you the details about the Image publishing guidelines get best result for your website. Don’t miss this post to get best result. Yes. bababababa”/>
Also Don’t embed important text inside images.
Choose the right file format
We have to choose from three commonly used raster image formats: GIF, PNG, and JPEG.
- JPEG is the most commonly used image format today. It uses lossy data compression; which means that, depending on your settings, the image quality can suffer quite a bit. There is also no support for transparent backgrounds like there is with GIF and PNG formats. The biggest advantages of using this format is it keeps file sizes small and it is supported almost everywhere.
- GIF is a bitmap image format used for simple art and animations. Because it supports only 256 colors, it’s not recommended for photographs or more photorealistic images. However, its small file size and support for transparent backgrounds make it ideal for company logos and various page elements of websites.
- PNG is a modern alternative to GIF and JPEG file formats. PNG supports transparency, has a better color range, and automatic gamma correction ability. PNG can even store a short text description of the image’s content to help search engines categorize your images. This file format is the newest of all three, which means it’s not so readily supported. Also, file sizes can be a bit larger.
Optimize your images size for the website
When optimizing images for the web, your goal is to reduce the file size as much as possible, without sacrificing too much in terms of image quality.
You have several options, but the easiest means of making this happen is to use an online compression tool like TinyPNG or Compress JPEG. Simply upload your image and the web application will take care of everything for you.
If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .
Don’t forget to bookmark and share this code with others new learner like you.