Highest quality website screenshot?高质量网页截图

I have the same need with this link. AND I try many methods, and finaly I found the most useful one. (I do not answer this question as I do not have 10 points to answer)

There are some steps coming from the Internet, thanks for their helps.

1. First, You should turn the browser with the developer mode. (F12 in Firefox and Cmd+shift+I in Google Chrome). This is easy to achieve according to the Internet.

2. Turn to the high quality website, for example, I use 1080p in this website as follows.

 

Now You can find the website is very clear. And our goal is to keep its high quality.

3. Save this page as a html file. (Right button or Ctrl +s)

4. MOST IMPORTANT: Use this website to transform the html file as the PDF file. The PDF file is as clear as the original file. Thanks for this HTML2PDF website (Convert HTML to PDF Online). You can then transform the pdf as the vector images such as svg. Note that, I only need the pdf, so I do not try the pdf2svg. I think it is easy.

You can now use the final PDF file.