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/AVvXsEiW4CTsDmDo0yO17nzxl13is9vpahyv5mZkuw2SqiTvlD48Jov8E6Ra3GpXcq1ypwyF1-1_lt7PEjWMukkr8PFUC32rKgWOK8flH5Na6rhgIJ6ZjRu4uKlytI8upoWFX1ycFuaAC_yT1RU/" 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/AVvXsEiW4CTsDmDo0yO17nzxl13is9vpahyv5mZkuw2SqiTvlD48Jov8E6Ra3GpXcq1ypwyF1-1_lt7PEjWMukkr8PFUC32rKgWOK8flH5Na6rhgIJ6ZjRu4uKlytI8upoWFX1ycFuaAC_yT1RU/" 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.