How To Create a Transparent Image

When you add a image to your site, your code will look like this :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZIza4Lqq6eX-vCEOLCZvzTmEs1z66_jQgPaemz5t4FLQWi3ymdK7QmkmFlGDA5vTgpfPydWmieMo7jXfJLECg-oAHOba4fquDOe7ep7OfHoPTGNdzcEwlmCOb2dHvCTrHe9m06a6QSA/" alt="leaves" height="300" width="400" />

Result:


Now add style="opacity:0.4;filter:alpha(opacity=40)" to your code as below.

Now your code will look like this:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZIza4Lqq6eX-vCEOLCZvzTmEs1z66_jQgPaemz5t4FLQWi3ymdK7QmkmFlGDA5vTgpfPydWmieMo7jXfJLECg-oAHOba4fquDOe7ep7OfHoPTGNdzcEwlmCOb2dHvCTrHe9m06a6QSA/" alt="leaves" height="300" width="400" style="opacity:0.4;filter:alpha(opacity=40)" />

See the result:



Note: You can change 40 as your choice.