Member Avatar for Whilliam

Hello. Im trying to put a round image in my webpage.
I asked my friends and they told me to make the round image in photoshop then save it in a png file. The background is transparent.
I did exactly what they said. Here is how it looks like in photoshop.
[IMG]http://i478.photobucket.com/albums/rr147/whilliam_18/testing.jpg[/IMG]

Then, I placed it in my webpage with this tag.
<img src="(location of the file)\round image.png">

But the transparent was replaced by white color. This is how it looks like.

[IMG]http://i478.photobucket.com/albums/rr147/whilliam_18/testing-1.jpg[/IMG]

How do I trim the white color? I want the white portion of the image to blend in with the background of my webpage.

  • 2 Contributors
  • 2 Replies
  • 59 Views
  • 11 Hours Discussion Span
  • Latest Post Latest Post by ko ko
Member Avatar for ko ko

I'm not sure, but try with this:

<img src="your_image.png" style="background:transparent" />

How did you save the image in photoshop? You should use save for web in file menu. I'm not photoshop master, so I can't help you much more. Good luck friend.

Member Avatar for ko ko

I'm not sure, but try with this:

<img src="your_image.png" style="background:transparent" />

How did you save the image in photoshop? You should use save for web in file menu. I'm not photoshop master, so I can't help you much more. Good luck friend.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.