Post Reply 

Xparent background image is totally transparent!

May 9, 2011, 17:29
Post: #1
Xparent background image is totally transparent!
I've attached before and after images. The "after" image was created using Layer > Transparency > Add Alpha Channel, and the using the Magic Wand to select the areas for deletion.

When I place the image on a webpage, it is completely transparent! How can I fix this?

Thanks.

BEFORE:    

AFTER:    
Find all posts by this user
Quote this message in a reply
May 9, 2011, 18:00
Post: #2
RE: Xparent background image is totally transparent!
1) Your method doesn't produce good results. Better try the one expounded there:
http://gimpforums.com/thread-changing-a-...parent-png

(in your case, make sure you have selected all the closed areas, in the letters and between the leaves)

2) Your link to the result image doesn't work for me, so I can't tell what is wrong with your picture. The method above works for me on your file.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2011, 19:14
Post: #3
RE: Xparent background image is totally transparent!
(May 9, 2011 18:00)ofnuts Wrote:  1) Your method doesn't produce good results. Better try the one expounded there:
http://gimpforums.com/thread-changing-a-...parent-png

(in your case, make sure you have selected all the closed areas, in the letters and between the leaves)

2) Your link to the result image doesn't work for me, so I can't tell what is wrong with your picture. The method above works for me on your file.

You're saying that you cannot see the "after" image?

I tried it your way and the result is attached. When I placed it on a website, the entire image was transparent.

   
Find all posts by this user
Quote this message in a reply
May 9, 2011, 19:37
Post: #4
RE: Xparent background image is totally transparent!
All I see of the "after" image is a 120x89 thumbnail with a black background (but this is how GimpForums renders thumbnails of transparent images). Your new link doesn't work any better...

What is the URL of your site? I suspect the problem is in your HTML anyway (answer in PM if needed)

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2011, 21:11
Post: #5
RE: Xparent background image is totally transparent!
(May 9, 2011 19:37)ofnuts Wrote:  All I see of the "after" image is a 120x89 thumbnail with a black background (but this is how GimpForums renders thumbnails of transparent images). Your new link doesn't work any better...

What is the URL of your site? I suspect the problem is in your HTML anyway (answer in PM if needed)

Here is the full-sized version of the result:

   

Thanks
Find all posts by this user
Quote this message in a reply
May 9, 2011, 22:12
Post: #6
RE: Xparent background image is totally transparent!
(May 9, 2011 21:11)eschamp Wrote:  Here is the full-sized version of the result:
Works as designed. Included in following HTML:
Code:
<html>
  <head>
    <title>test BCGA logo</title>
    <meta content="">
    <style></style>
  </head>
    <body>
        <div style="background: #ccccff;">
        <p>Some text before</p>
        <img src="testlogo.png" /img>
        <p>Some text after</p>
        </div>
    </body>
</html>
Displays like this, which is expected:
[attachment=377]

By the way, since I'm not displaying on a white background, the thin white border gets quite visible. This is the difference between the wand selection/erase you used and the method I expound in the URL above. Your white is also not too white at places and shows some JPEG artifacts. So a real good cut on that picture would be:

- Wand selection (including letter loops and spaces between leaves...)
- Save selection to channel
- shrink selection by 3 pixels
- erase (will fully erase most of the background), if you see "islands" you can erase them by hand.
- channel-to-selection (restores original selection, not the same as growing it back 3 pixels!)
- grow selection by two pixels
- Color-to-alpha on white.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2011, 22:32
Post: #7
RE: Xparent background image is totally transparent!
Do me a favor please and shrink it to 120x80. See if it displays correctly.

Thanks.
Find all posts by this user
Quote this message in a reply
May 9, 2011, 23:16
Post: #8
RE: Xparent background image is totally transparent!
(May 9, 2011 22:32)eschamp Wrote:  Do me a favor please and shrink it to 120x80. See if it displays correctly.

Thanks.
120x89 to keep the aspect ratio... still displays OK:

[attachment=378]

The small logo:
[attachment=379]

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2011, 23:19 (This post was last modified: May 9, 2011 23:20 by ofnuts.)
Post: #9
RE: Xparent background image is totally transparent!
PS: hmm. Your small logo doesn't render like mine here. Mine even as an attachment displays as transparent (in this page or alone), while yours is all black (here and alone).

Redo you image and instead of saving as PNG, save as XCF (keep everything in: layers, selections...) and attach here.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2011, 23:37
Post: #10
RE: Xparent background image is totally transparent!
Fullsized and 120x89 attached.


.xcf  BCGALOGO.xcf (Size: 310.29 KB / Downloads: 50)


.xcf  BCGALOGOs.xcf (Size: 26.23 KB / Downloads: 49)
Find all posts by this user
Quote this message in a reply
May 10, 2011, 06:31
Post: #11
RE: Xparent background image is totally transparent!
Both files are A-OK for me; and if I save them as PNG they produce A-OK PNG files as well. What is your HTML like?

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
May 10, 2011, 15:39
Post: #12
RE: Xparent background image is totally transparent!
You're right. I had an HTML error. Thanks for the help.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  How to add a magnification segment of an image to the original size image fenpeppertree 1 72 Nov 7, 2017 17:05
Last Post: paynekj
  removing unwanted portions of selected area in an image pizzipie 1 88 Nov 2, 2017 05:31
Last Post: paynekj
  Recolor image and maintain detail awesley 1 106 Oct 29, 2017 16:48
Last Post: paynekj
  XCF Thumbnail/Preview Image DailyLunatic 6 3,899 Oct 23, 2017 11:46
Last Post: paynekj
  Silhouette with a transparent background Rachela 0 88 Oct 1, 2017 17:06
Last Post: Rachela

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS