有没有一种很好的方法来为网页制作预览图像?

时间:2015-03-25 15:51:49

标签: javascript php html

我想制作一份包含每个项目预览图像的作品。我知道我可以通过手动截取每个页面的截图来做到这一点,但我想要一些更有活力的东西。我已经考虑过为每个页面使用iframe,但这似乎效率低下而且很愚蠢。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

手动屏幕截图可以提供最佳性能,并且可以最大程度地控制您在投资组合中显示网站的方式。

iframe将为您的网站带来绝对最差的性能,因为您将在一个网页上加载每个网站。

我已经看到了其他解决方案,您可以动态传入网站的网址以生成屏幕截图。

以下是来自名为https://www.url2png.com/

的服务的基于PHP的示例

<?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' />

我个人认为,良好的投资组合将包含该网站的移动,平板电脑和桌面版本的屏幕截图,这使得手动处理成为唯一的“伟大”选择。