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: 48)


.xcf  BCGALOGOs.xcf (Size: 26.23 KB / Downloads: 45)
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
  Image centering for printing okfhp 1 179 Aug 23, 2017 17:51
Last Post: ofnuts
  "Open Image" change default folder and thumbnail view? Dave001 1 123 Aug 15, 2017 19:56
Last Post: ofnuts
  Totally noob, wanted to crop as photoshop but canĀ“t CaLy 1 138 Aug 15, 2017 19:55
Last Post: ofnuts
  How to wrap paragraph text in an image arun67 0 112 Aug 12, 2017 12:46
Last Post: arun67
  how to blend straight edges into background?? kshaeblue21 1 123 Aug 11, 2017 03:30
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS