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

  • 授权方式:开源软件
  • 界面语言:多国语言
  • 软件大小:0.42 MB
  • 运行环境:Chrome 40以上
  • 软件等级:★★★★★
  • 更新时间:2019-12-29
  • 官方网址:点击查看
  • 下载次数:
  • 软件版本:2.0.1.9
  • 点击次数:

插件概览:

一款可以帮助您以完美的像素精度开发您的网站的插件!
  • {dede:field.title/}介绍图1
  • {dede:field.title/}介绍图2
  • {dede:field.title/}介绍图3
  • {dede:field.title/}介绍图4

使用说明:

chrome浏览器还没装?点击下载 win32位 | win64位 | OS X版 | Ubuntu/Debian版

离线插件不会装?参考这里如何在chrome中离线安装crx插件

PerfectPixel 简介

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

PerfectPixel 使用说明

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

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

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

  • 支持多个图层;

  • 支持反转和缩放;

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

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

  • 简约易用的界面设计;

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

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

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

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

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

如何进入PerfectPixel设置

PerfectPixel 设置功能如下图:

PerfectPixel 具体怎么设置

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

来源:https://chrome.google.com  作者:WellDoneCode
本文由chromedownloads.net原创,转载请注明来源

chrome插件离线安装动态图:

重要:若无法安装,请开启扩展页面(chrome://extensions/)的开发者模式,并重新启动浏览器

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
皖ICP备15016292号