PNG image has some background image

[bwood]

I didn’t know what to call this but it’s happened before and it’s user error. I’m constructing a new page and don’t want to make the same mistake.
You’ll notice on the screen shot, the oval with text has taken on the background of the photo. I first thought I had copied and moved the oval to a new location, thus taking some of the photo background with it. I believe that’s what I did. Would I solve this by putting the oval on a separate layer?



The entire page can be viewed here. https://www.melfortmuseum.org/indigenous%20peoples.htm

Thanks everyone
-Bill

[handrawn]

looks to me like the oval and backgound are an image [which you may already know] and presumably the original oval is not... unless it sits over the original background in such a way as for it not to be noticable

a non alpha image is always going to 'take the background with it'

[bwood]

a non alpha image is always going to 'take the background with it'

I think that’s it has handrawn. But if the oval is placed on an entirely new layer, would it take the background?

[handrawn]

I am not a website builder - if the oval is a vector and you copy it to a new layer as a vector then it should not, but if you copy it as an image then it will; it will become an image if you group it with something [or itself]

that is about as far as my knowledege goes for web pages

like the site

[bwood]

Thanks @handrawn. Very helpful.

[Egg Bramhill]

Hi Bill. the problem is that Xara is exporting your oval & associated text as a jpg which doesn't have transparency.

You need to force Xara to export this image as a png with Alpha. Use the Web Properties / Image & select Losless Compression (i.e. PNG) Also select Export Group as a Single Image if your Xara version has that option.

[bwood]

Got it @egg. Many thanks.

[actionit]

Just create the oval with the elipse tool and add your text. When you export the site Xara will incorporate it with the background bitmap.

[Acorn]

Just create the oval with the elipse tool and add your text. When you export the site Xara will incorporate it with the background bitmap.

actionit, unless it is a PNG with Alpha, ig the background image changes (carousel or scale to fit width), then the initial background sticks to the oval.

In XPro+, with Shapes as SVG, then a simple transparency oval displays just the shape without a bounding box as you are presenting code and not an image.

Acorn