Giving a snapshot of a web page a transparent background in Photoshop
February 7, 2014 8:59 AM Subscribe
Photoshop experts: What's the best way to take a snapshot of a web page, and put it into a Photoshop document as if it had a transparent background? So text and other anti-aliased elements composite smoothly into my Photoshop document without fringing or losing detail.
posted by snarfois to Computers & Internet (12 answers total) 4 users marked this as a favorite
I'm surprised I'm asking this, as I've been using Photoshop for over 10 years and consider myself an expert. But I don't have any satisfactory way of doing this.
As a starting point, I use Firebug to change the web page's background to white, so all anti-aliasing is against a white background. But what do I do then to select the contents / remove the white background?
- The Quick Selection Tool (magic wand), with anti-aliasing, eats away too much of the pixels
- Select: Color Range has the same problem, and if I make it soft enough greys start becoming semitransparent
- Loading the RGB channel as a selection works fine for black text, but makes all non-black elements semitransparent
- The Darken layer blend mode also works fine for black text, and Lighten for white text, but everything else is unhelpfully semitransparent
Is there a way I could export a web page to a transparent PNG? Is there something in Photoshop that will do exactly what I want? Or what's the best compromise?