Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    994

    Default PNG image has some background image

    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?

    Click image for larger version. 

Name:	103FC4A2-BC2B-49B2-AED4-552D468DB103.jpg 
Views:	58 
Size:	167.1 KB 
ID:	132098

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

    Thanks everyone
    -Bill
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  2. #2
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,283

    Default Re: PNG image has some background image

    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'
    -------------------------------
    Nothing lasts forever...

  3. #3
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    994

    Default Re: PNG image has some background image

    Quote Originally Posted by handrawn View Post

    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?
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  4. #4
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,283

    Default Re: PNG image has some background image

    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
    -------------------------------
    Nothing lasts forever...

  5. #5
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    994

    Default Re: PNG image has some background image

    Thanks @handrawn. Very helpful.
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: PNG image has some background image

    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.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	export-2.png 
Views:	24 
Size:	65.4 KB 
ID:	132100  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    994

    Default Re: PNG image has some background image

    Got it @egg. Many thanks.
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  8. #8

    Default Re: PNG image has some background image

    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.

  9. #9
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: PNG image has some background image

    Quote Originally Posted by actionit View Post
    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •