PNGs Showing up with grey backgrounds

oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
edited February 2, 2011 in SmugMug Support
so I've uploaded a number of PNGs (some for watermarks and some for place holder graphics in a gallery). Since a few days ago, any PNG I've uploaded shows up with a grey background. This is the case in Chrome, FF, Safari, and IE. When I create a watermark out of the files they still have transparency so the PNG is still intact. Just doesn't show up right in a gallery.

http://fhsaa.glossyfinish.com

Thanks!

-Matt

Comments

  • PhotoDavid78PhotoDavid78 Registered Users Posts: 939 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    so I've uploaded a number of PNGs (some for watermarks and some for place holder graphics in a gallery). Since a few days ago, any PNG I've uploaded shows up with a grey background. This is the case in Chrome, FF, Safari, and IE. When I create a watermark out of the files they still have transparency so the PNG is still intact. Just doesn't show up right in a gallery.

    http://fhsaa.glossyfinish.com

    Thanks!

    -Matt

    Interesting you mention this. When I visited China and went to my site, the grey boxes appeared around my PNG files. Back in the U.S. everything looks fine. I'd be interested to know why this might have occurred.
    David Weiss | Canon 5D Mark III | FujiFilm XT-4 | iPhone
    My Website
    Facebook | Twitter | | VSCOgrid | Instagram |
  • oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
    edited February 2, 2011
    dtw78 wrote: »
    Interesting you mention this. When I visited China and went to my site, the grey boxes appeared around my PNG files. Back in the U.S. everything looks fine. I'd be interested to know why this might have occurred.

    Very interesting. didn't know China filtered PNGs haha.
    Could you try to upload a new PNG and see if it does it for you now?
  • PhotoDavid78PhotoDavid78 Registered Users Posts: 939 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    Very interesting. didn't know China filtered PNGs haha.
    Could you try to upload a new PNG and see if it does it for you now?

    it doesn't.
    David Weiss | Canon 5D Mark III | FujiFilm XT-4 | iPhone
    My Website
    Facebook | Twitter | | VSCOgrid | Instagram |
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,487 Major grins
    edited February 2, 2011
    Add this to your custom CSS:
    a img.imgBorder, .imgBorder, a:hover img.imgBorder {background:transparent !important;}
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    so I've uploaded a number of PNGs (some for watermarks and some for place holder graphics in a gallery). Since a few days ago, any PNG I've uploaded shows up with a grey background. This is the case in Chrome, FF, Safari, and IE. When I create a watermark out of the files they still have transparency so the PNG is still intact. Just doesn't show up right in a gallery.

    http://fhsaa.glossyfinish.com

    Thanks!

    -Matt

    Link? ear.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
    edited February 2, 2011
    @Hikin' Mike: You're the man!!!! That fixed it! wings.gif

    @Andy: prior to Mike's CSS code above it does it for me on the main page http://fhsaa.glossyfinish.com To me (as seen in the screen shot below) the Cheer category is behaving correctly but the other categories are not. All those images are transparent PNGs.
    ss_png.jpg
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,487 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    @Hikin' Mike: You're the man!!!! That fixed it! wings.gif

    @Andy: prior to Mike's CSS code above it does it for me on the main page http://fhsaa.glossyfinish.com To me (as seen in the screen shot below) the Cheer category is behaving correctly but the other categories are not. All those images are transparent PNGs.

    The Cheer category works because it's a JPG and not a PNG.
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    @Hikin' Mike: You're the man!!!! That fixed it! wings.gif

    @Andy: prior to Mike's CSS code above it does it for me on the main page http://fhsaa.glossyfinish.com To me (as seen in the screen shot below) the Cheer category is behaving correctly but the other categories are not. All those images are transparent PNGs.
    ss_png.jpg

    We support pngs - but you need to view them at Original size. http://www.smugmug.com/help/upload-photos
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
    edited February 2, 2011
    Well... Mike the little CSS code you gave me made all my pictures disappear. Meaning when I was in the cheer gallery all the thumbnails and previews were white with a border. You weren't able to see the image.

    Ah well no big deal. I'll just create jpgs for the gallery thumbnails.

    Andy: thank for pointing that out. I'll work around it.

    Thanks!
  • jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited February 2, 2011
    oceanthrsty wrote: »
    Well... Mike the little CSS code you gave me made all my pictures disappear. Meaning when I was in the cheer gallery all the thumbnails and previews were white with a border. You weren't able to see the image.

    Ah well no big deal. I'll just create jpgs for the gallery thumbnails.

    Andy: thank for pointing that out. I'll work around it.

    Thanks!
    It might also have to do with right-click protection. If you turn right-click protection on for thumbnails too, then it uses very different HTML.
    --John
    Homepage • Popular
    JFriend's javascript customizations • Secrets for getting fast answers on Dgrin
     Always include a link to your site when posting a question
Sign In or Register to comment.