# Raster images have a lack of pixel-level visual accuracy

**URL:** <https://community.penpot.app/t/raster-images-have-a-lack-of-pixel-level-visual-accuracy/4731>\
**Category:** Feature requests\
**Created:** [March 22, 2024, 6:25pm UTC](https://community.penpot.app/t/raster-images-have-a-lack-of-pixel-level-visual-accuracy/4731 "2024-03-22T18:25:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ThePixelArranger](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thepixelarranger/32/3912_2.png) [@ThePixelArranger](https://community.penpot.app/u/ThePixelArranger)\
**Post date:** [March 22, 2024, 6:25pm UTC](https://community.penpot.app/t/raster-images-have-a-lack-of-pixel-level-visual-accuracy/4731/1 "2024-03-22T18:25:19Z")

</div>

When zooming in on raster images, there is a distinct lack of clarity at the pixel level. A clear example of this can be seen in the attached images

- Placed screenshot of a browser window corner at 100% scale.
- Penpot example at 1,000% zoom, showing the lack of pixel definition
- Figma example of the same image at 1,000% zoom, showing clean pixel definition (Expected Behavior)

Having clean, pixel-accurate visualization of raster images at high zoom levels supports fine-tuned design work that allows for aligned/blended vector and raster assets. I suspect this is a natural result of Penpot using pure SVG to render the canvas vs Figma who uses WebGL (but I might be wrong). If a solution exists, I am unsure if I would recommend changing the default rendering behavior, or if this would be something better suited for a user-level setting.

I believe my topic here expands on and adds clarity to another topic that only references this issue with PNGs and not all raster assets - [https://community.penpot.app/t/disabling-png-image-filtering/4089](https://community.penpot.app/t/disabling-png-image-filtering/4089).

Thank you Penpot team for all you do!!

![penpot - 100%](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/0/0c54f6e135a18c53908e49885e0aa7258737d383.png)

 ![penpot - 1000%](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/2/2f734f79f1ad01f2c90baf856ba2f053f1c7aa76.jpeg)  
 ![figma - 1000%](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/6/6ebae5f58c5f805a55f7d66cd7eabcd1379e240f.png)

---

<div class="post-metadata">

**Author:** ![holly](https://avatars.discourse-cdn.com/v4/letter/h/48db29/32.png) [@holly](https://community.penpot.app/u/holly)\
**Post date:** [July 7, 2024, 2:48pm UTC](https://community.penpot.app/t/raster-images-have-a-lack-of-pixel-level-visual-accuracy/4731/2 "2024-07-07T14:48:39Z")

</div>

Need this too, highly desired, anything pixel art looks very poor in Penpot.

In CSS, this is typically solved with `image-rendering: pixelated;`