有没有一种好的方法可以为网页制作预览图像


Is there a good way to make a preview image for a web page?

我想制作一个作品集,每个项目都有预览图像。我知道我可以通过手动截屏每个页面来做到这一点,但我想要更动态的东西。我曾考虑过为每个页面使用iframe,但这似乎既低效又愚蠢。有什么想法吗?

手动屏幕截图将产生最佳性能,并能最大程度地控制您希望如何在投资组合中显示网站。

Iframes将产生你的网站最差的性能,因为你将在一个页面上加载每个网站。

我看到了其他的解决方案,你可以动态地传入网站的URL来生成屏幕截图。

下面是一个名为https://www.url2png.com/

<?php // it really is this simple $apikey="YOUR_API_KEY"; $secret="YOUR_SECRET_KEY"; $token=md5("url=target.com" . $secret); $img="api.url2png.com/v6/$apikey/$token/png/?url=target.com"; ?> <img src='http://<?php echo $img; ?>' />

生成以下图像标签:

<img src='https://api.url2png.com/v6/P4DE5D1C99D8EF/6642cb9065894d17b959364ddb0cec6e/png/?url=target.com' />

我个人认为,一个好的公文包将包含该网站的手机、平板电脑和台式机版本的截图,这使得手动流程成为唯一的"好"选择。