Sets the image scaling of the page to Nearest Neighbor for sharp pixels

Latest Version

Version
1.1
Update
November 7, 2024
Size
4.18KiB
Developer
Category
Users
458
Rating
4.88889 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
Scripting
See more

PixelSharp Extension

PixelSharp changes the scaling of images on the current page to be pixel-perfect when activated.

Scaled up pixel art in the browser often ends up very blurry due to the default \"linear\" scaling method. This scaling works well for general browsing, as most images on the web are high resolution, but is detrimental to pixel art and low resolution images. Activating PixelSharp changes the page scaling to \"nearest neighbour\", the intended scaling method for pixel art.


How to use:
The extension was designed to be pinned so that you can simply click the icon to activate it. You can also activate PixelSharp by first pressing the \"Extensions\" button next to the URL bar and then clicking on PixelSharp in the list of installed extensions.

You will need to enable \"Allow access to file URLs\" for the extension to work on images loaded from your computer.


Technical details:
The extension only activates when clicked. Clicking the extension icon will trigger a single update to the current page which modifies the display styles to use nearest neighbour scaling. After the page has been updated the extension stops. Reloading the page will clear the page modification, essentially reverting the images on the page back to the original browser scaling behaviour.


Image attribution:
The \"before and after\" image was created from real screen captures of the same image at 500% browser zoom scale, before and after using the PixelSharp extension. The pixel art used to demonstrate this (\"Ninja Adventure - Asset Pack\" by pixel-boy and AAA) was licensed under the Creative Commons Zero (CC0) license (\"public domain\").
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","author": "Lee White","name": "PixelSharp","short_name": "Pix#","description": "Sets the image scaling of the page to Nearest Neighbor for sharp pixels","version": "1.1","manifest_version": 3,"action": {"default_icon": "icon.png","default_title": "PixelSharp"},"permissions": [ "activeTab", "scripting" ],"background": {"service_worker": "PixelSharp.js"}}
Read more

Similar Extensions

User reviews

icon

Evan Scott (ID: 00000082557c5662) Voted 5 ★ - Updated 10/26/2023 Excellent extension, does exactly as it says - no more blurry pixel images!

icon

Keir Williams (ID: 000000e3154aa685) Voted 5 ★ - Updated 04/09/2022 Nice and simple. Just wish pressing it a second time toggled it off.

icon

Stefan Albert (ID: 0000006c4d3b6371) Voted 5 ★ - Updated 12/23/2020 Best extension ive ever used, clears up the problem with viewing native res pixel art on chrome

icon

Aviator Nikolaev (Lemon MX Yellow) (ID: 000000507f70ac03) Voted 5 ★ - Updated 12/06/2019 Works perfectly. Very underrated chrome extension with a very useful feature

icon

Aidan Edwards (ID: 000000458f4f5e6c) Voted 4 ★ - Updated 03/24/2019 Adding a way to make it automatic would be great, but still very good!