Layerguide Pixel Perfect Chrome extension icon

Layerguide Pixel Perfect

👥 89 users
📦 v1.2.3
💾 168KiB
📅 2025-10-09
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

LayerGuide is a professional image overlay, pixel measurement, and magnifier tool that helps you build pixel-perfect sites and fast QA. Perfect for web developers, designers, agencies, and freelancers comparing mockups to live pages.

- Save 2+ hours per project
- Spot discrepancies fast and reduce errors
- Reduce client feedback by 90% and deliver professional results
- Catch tiny UI flaws agencies miss, ensuring client-ready perfection

Image Overlay
- Upload images locally (PNG, JPEG, GIF, WebP, SVG) with complete control
- Adjust opacity, scale, rotate
- Position with pixel precision using X/Y controls or drag
- One-click centering and axis locking for constrained movement
- Visibility toggle and color inversion for perfect contrast

Ruler Tool
- Create unlimited measurement rulers with drag-and-drop precision
- Multi-color rulers
- Custom opacity settings and corner resizing capabilities
- Right-click removal and dynamic guidelines that follow cursor
- Live pixel measurements with resize handles

Magnifier
- Real-time zoom up to 10x with adjustable magnifier size
- Hardware-accelerated rendering for smooth performance
- Smart positioning to avoid interface overlap
- Instant zoom level indicators and scroll wheel controls

Workflow Features
- Automatic per-page memory saves all overlays and rulers for each page
- Complete settings backup/export as JSON

Control Panel
- Minimize/Expand panel
- Intuitive draggable interface with keyboard shortcuts (ESC to exit modes)
- Grouped controls with visual dividers for better organization

Perfect For:
- Web Developers - QA testing and mockup implementation
- UI/UX Designers - Design-to-code verification
- Digital Agencies - Client project delivery and quality control
- Freelancers - Professional tool that saves billable hours
- QA Teams - Cross-browser testing and responsive validation

Free vs Pro:
FREE VERSION - Full Professional Features:
- Complete image overlay with positioning, scaling, rotation, and color inversion
- Multi-color rulers with resize and positioning (up to 2)
- Real-time magnifier up to 1.5x zoom
- Per-page memory and thumbnail history
- Professional control panel with shortcuts

PRO VERSION ($29.99/year or $89.99 lifetime):
- Unlimited rulers with custom colors and opacity
- 10x magnifier zoom with adjustable size (150px-750px)
- Settings backup/restore for team collaboration
- Default auto-lock axes for faster workflow
- 3-device license with easy switching

14-day money-back guarantee
Start free with full professional features - upgrade for unlimited power and team collaboration!

Tags

Productivity/developer developer design productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer