Is there any way to save a Web page screenshot with a transparent background?

I prototyped my web page directly in HTML/CSS, using custom fonts for header text.

The font rendering however is very different on Windows, so I would like to export some parts of the Web page to bitmap, but with a transparent background.

Is there any way to do that?

Answer

Just found an easy way via Safari.

Right click on element, Inspect Element, then in the Inspector right click on the element node you want to export and pick Capture Screenshot. This to me keeps transparency. Safari Version 13.1 (14609.1.20.111.8)

enter image description here

Attribution
Source : Link , Question Author : julien_c , Answer Author : PEZO

Leave a Comment