本工具旨在解决网页设计中常见的兼容性问题,提供以下功能:
提取网页元素的精确尺寸图像;
辅助设计师检查CSS样式与实际元素尺寸的匹配程度;
提高网页设计的精确度和效率。
以下是该工具的使用步骤:
输入网址:首先在工具中输入您要分析的网站网址,确保网址前包含http://
,例如输入http://www.pc6.com
。如果未添加http://
,软件将自动在网址开头添加。
浏览网页:点击“浏览”按钮,软件将自动下载网页并进行截图。当网页内容较多时,截图时间可能会较长,请耐心等待。
查看缩略图:截图完成后,程序界面中间将显示所截网页的缩略图。
保存图片:点击“另存图片”按钮,选择合适的图片格式进行保存,如常见的jpg
、gif
、png
、bmp
等格式。
导出Photoshop:选择合适的文件目录后,保存图片。您可以在所保存的目录中找到截取的图片,并将其导入Photoshop进行进一步编辑。