SnapLayer

lets you overlay JPEG/PNG/SVG images on any webpage.

🎞️ A Chrome extension that lets you overlay JPEG/PNG/SVG images on any webpage. Perfect for designers comparing mockups, developers checking pixel-perfect implementations, or anyone who needs to visually compare images against web content. ## Features - Drag & Drop Positioning - Move the overlay anywhere on the page - 8-Direction Resizing - Resize from any corner or edge - Aspect Ratio Lock - Maintain proportions while resizing (toggleable) - Opacity Control - Adjust transparency for easy comparison - Visibility Toggle - Quickly show/hide the overlay - JPEG/PNG & SVG Support - Works with common image formats - Style Isolation - Shadow DOM ensures no conflicts with host page styles ## Usage 1. Click the SnapLayer extension icon in Chrome toolbar 2. Select a JPEG, PNG or SVG image file from your computer 3. The image appears as an overlay on the current page 4. Move: Drag the image to reposition 5. Resize: Drag the corner or edge handles 6. Adjust: Use the toolbar to change opacity, toggle visibility, or delete