用于在同一网站上生成不同设备的图像的工具

Question

我希望此图片包含我的自定义内容：

我想要所有Apple设备的完全相同的图片，只需要我自己选择的网站。 有这样的工具或技巧吗？

Answer 1

您可以在此处创建类似的图片：ami.responsivedesign.is

Answer 2

以下是来自https://placeit.net/的工具，可让您创建设备图片，其中包含响应式网站的屏幕截图。如有必要，您可以使用Photoshop或Irfanview去除背景。

Answer 3

我想你正在寻找：

响应式网页设计

  

响应式网页设计（RWD）是一种旨在实现网页设计的方法   制作网站，以提供最佳的观看和互动   体验 - 轻松阅读和导航，最小化，   平移和滚动浏览各种设备（来自桌面）   电脑显示器到手机）

Here is a Nice tutorial to Start with

Answer 4

他们有两种创建上述类型屏幕的方法

1）使用在线工具 -    在谷歌搜索在线模拟生成器工具，并在其中添加您的图像或网址，它将为您创建模型。

2）使用Photoshop -    下载Mockup psd文件并在photoshop中打开它，在不同的层添加网站截图图片

注意 - 在线工具生成上面的图像但是样机的质量不是goog = d所以我建议使用photoshop选项。