You can use PNG, JPEG or GIF image file based on your comfort but make sure you specify correct image file name in src attribute. Image name is always case sensitive.
How do you insert a PNG in HTML?
Adding an image is relatively easy; just follow these steps:
- Identify the image you want to use. ...
- Modify the image if necessary. ...
- Choose your image type. ...
- Put your image in the right place. ...
- Build your page as normal. ...
- Use the tag to indicate the image. ...
- Use the src attribute to indicate the file containing the image.
Why is my PNG not showing in HTML?
Right click on the image and select properties. Then if you find an option "unblock" then click on it (sometimes computer blocks some images, hence on the google chrome or internet explorer it won't display) Check the following details are correct a)syntax of html b)path name c)file name d)extension of image.