PerfectPixel 制作网页再不用拿尺子量了,快速做到和设计稿一样!安卓下载

版本:2.0.1.9

插件概览:一款可以帮助您以完美的像素精度开发您的网站的插件!

下载次数:

PerfectPixel 简介

前端做出来的实际页面和设计稿不一致怎么调整?还在拿尺子量和随缘写吗?赶紧使用PerfectPixel插件吧!此扩展程序可帮助您以完美的像素精度开发您的网站!PerfectPixel让前端人员在开发的HTML顶部放置一个半透明的图像叠加层,并可以使html与设计稿之间进行像素级别的比较。

PerfectPixel 使用说明

正常安装好插件后,左键点击右上角插件图标直接进入插件使用界面。

插件的原理就是通过自行上传一张设计稿,然后开发人员可以通过比对,从而可以实现页面切图与设计稿达到完全一致的效果。(这里不考虑浏览器兼容性)

PerfectPixel 提供了如下几大功能,使用起来极为方便和简单。

  • 支持多个图层;

  • 支持反转和缩放;

  • 每个网站都可以使用单独的覆盖图;

  • 新建标签页不会丢失设置;

  • 简约易用的界面设计;

  • 可以直接通过鼠标拖放上传设计对比图;

  • 可以直接从url和剪贴板中粘贴图片;

  • 支持键盘快捷键和鼠标滚轮调节透明度等功能;

  • 支持file://本地路径文件

如下图可以进入设置界面:

如何进入PerfectPixel设置

PerfectPixel 设置功能如下图:

PerfectPixel 具体怎么设置

小提示:广告支持勾选可以关闭插件自带的广告