# SpriteDX - Pixel Alignment - Existing Solutions

Continuing from [https://blog.sprited.app/spritedx-pixel-alignment-ideation](https://blog.sprited.app/spritedx-pixel-alignment-ideation), today, we will look into existing solutions.

## Resource

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767639601780/9068e501-6a01-4bd0-9ffe-e05209fbb5f4.png align="center")

## Baseline

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767639777661/6805c6d3-6de7-46b1-b64f-1d4ae41e70d2.png align="center")

---

## Pixel Perfect AI Art Converter

[https://github.com/nygaard91/Pixel-Perfect-AI-Art-Converter](https://github.com/nygaard91/Pixel-Perfect-AI-Art-Converter?tab=readme-ov-file)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767639344410/db4e619c-9e9a-4137-af3e-268474a18a84.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767641147842/8bc52741-27ba-437b-9513-909f058afa0f.png align="center")

It provides approximation of pixel art with hard edges, but it is not something that human would have created.

---

## Manual Line Cleanup

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767641691494/d533cc2d-d82b-412f-85aa-002384964cc9.png align="center")

I tried doing this manually by downscaling (bilinear) then doing a manual cleanup of outlines.

It provides best results but still mushi.

I can also try doing cleanup in non-outline regions, but it is painstaking process.

---

## ML Model

One Idea: From dataset of real pixel arts, produce fake upscaled ones, then try to learn a ML model to undo that.

We will investigate in another blog post later.

---

## Scenario Pixelate

[https://app.scenario.com/pixelate](https://app.scenario.com/pixelate)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767642439676/bb580a32-cc2c-4d05-9d9c-639e84d959da.png align="center")

This produces blurry image.

It does also support background removal. However, the background removal ends up creating very thick outlines for some reason.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767642533152/f73f6e2f-aa9c-4f59-950c-a794cc098ec3.png align="center")

So far though, the quality of this background removed version seems rather promising.

If you look at the hand, we can clearly tell apart fingers which is not the case in other options.

If we can solve the thick outline problem, this may provide a valid solution.

I tried removing 1 pixel thick outer outline. It is still not really what I need.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767643062474/e2168231-ed5e-458e-ab41-33710d2e3e01.png align="center")

## PixelOver

[https://pixelover.io/](https://pixelover.io/)

I wasn’t able to get this working properly on my device. So skipping it for now.

## Pixel Art Villiage

[https://pixelartvillage.com/](https://pixelartvillage.com/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1767643486429/ca10b256-3b9e-4d4e-bc09-9fee6e3bb630.png align="center")

It also creates blurry image.

---

Next Steps

* Pixelate in Scenario was one of the best approaches, but it’s not exactly what I need.
    
* I will try to build a ML model for this pixelation operation.
    

— Sprited Dev 🌱