Image Color Remapping Tool (with IFF support)

[Anima]

Here's a new image color remapping tool running in your browser (JavaScript): http://tool.anides.de/remap.html



Please download the following two images for a short tutorial:

http://tool.anides.de/ad.png


and

http://tool.anides.de/d32-palette.png


After having downloaded those images use drag and drop to move the first image (ad.png) into the browser window. The image will now be displayed with different colors. The default palette which the image has been remapped to consist of 16 colors (Dawnbringer 16). The colors of the palette are displayed right below the image.

A blue circle on the right side of the image can be slided left and right to have a look how the original image looks compared to the original.

As a next step drag the second image (d32-palette.png) into the browser. Now the colors of the second image (Dawnbringer 32) will be taken as the new palette to remap the first image. So any image with 'palette' within the filename will be taken as a target palette. Please note that IFF images will work for the source image and the palette as well.

Additional functions:

- Reset the palette to the default one by double clicking on the image.
- Save the remapped image as an IFF image by using the right mouse button.

Please be aware that you should use only small images and palettes with less or equal 256 colors for the remapping.

Hope this is useful for any development and stay tuned for more options...

Edit: default start image added.

[ThorstenOtto]

Hm, the page is empty, both with firefox & chrome? No errors show up in the console.

Ah, ok, works nevertheless. But that's a bit confusing

[Anima]

Hm, the page is empty, both with firefox & chrome? No errors show up in the console.

Ah, ok, works nevertheless. But that's a bit confusing

Thanks for the info. I think it‘s better to include a default image as well. I‘ll add that later on.

[ThorstenOtto]

Just another idea: using the right mouse button to save the image might be not the best idea, since that is usually used for the context popup in most browsers. Is there some other way to achieve that, eg. by putting a button at the bottom?

But other than that, certainly a very useful tool. Well done!

[Anima]

Just another idea: using the right mouse button to save the image might be not the best idea, since that is usually used for the context popup in most browsers. Is there some other way to achieve that, eg. by putting a button at the bottom?

Agreed. Probably having a popup menu would be a good idea with 'save image' and 'reset palette' entries.

[Cyprian]

Hm, the page is empty, both with firefox & chrome? No errors show up in the console.

Ah, ok, works nevertheless. But that's a bit confusing

Thanks for the info. I think it‘s better to include a default image as well. I‘ll add that later on.

I don't know why drag and drop from Firefox's tab doesn't work for me.

BTW, from time to time I look for your tools (http://atari.anides.de/ http://tool.anides.de/ http://tool.anides.de/remap.html) on the web.
Would be cool to have all those links in one place on your website.

[Anima]

I don't know why drag and drop from Firefox's tab doesn't work for me.

Probably a CORS problem. I'll have look at it when I find some time for it.

BTW, from time to time I look for your tools (http://atari.anides.de/ http://tool.anides.de/ http://tool.anides.de/remap.html) on the web.
Would be cool to have all those links in one place on your website.

Yeah, you're completely right. It's kind of a mess actually and I am not happy either that it hasn't been consolidated yet.

[TheNameOfTheGame]

Hmm, I tried this using Firefox and it was just a blank page. Dragging and dropping the images didn't do anything.

[Anima]

Hmm, I tried this using Firefox and it was just a blank page. Dragging and dropping the images didn't do anything.

At least, when opening the website, you should see the very first image in the original post. It‘s rather strange that you’ve got an empty page. Probably it‘s related to the non-https website?!

[Playmobil]

For me Drag&Drop work fine under Firefox & Windows 8.1...

[TheNameOfTheGame]

Hmm, I tried this using Firefox and it was just a blank page. Dragging and dropping the images didn't do anything.

At least, when opening the website, you should see the very first image in the original post. It‘s rather strange that you’ve got an empty page. Probably it‘s related to the non-https website?!

Well, suddenly it is working . Not sure what happened but I can work with it now. Looks like a great tool!

[Cyprian]

for me d&d still doesn't work (win10, Firefox 102.0.1esr 64 bits ), but this time I see a picture

[JeanMars]

Very nice and efficient !

[Anima]

for me d&d still doesn't work (win10, Firefox 102.0.1esr 64 bits ), but this time I see a picture

Did you use the Windows Explorer file manager for drag and drop?

[Cyprian]

Did you use the Windows Explorer file manager for drag and drop?

drag and drop from the Windows Explorer works fine, but it doesn't work when I try that from one Firefox Tab to the other

[Anima]

Btw. dithering is already implemented by adding the parameter

Code: Select all

max_mix_distance=<value>

Applying http://tool.anides.de/remap.html?max_mix_distance=0.2 yields a 'checks' dithered image:



The (virtual) number of colors is being displayed in the title and the new resulting dithered colors 'palette' can be viewed below the image and the original palette.

Please be careful choosing the value for it, though.

[mikro]

BTW, from time to time I look for your tools (http://atari.anides.de/ http://tool.anides.de/ http://tool.anides.de/remap.html) on the web.
Would be cool to have all those links in one place on your website.

Yeah, you're completely right. It's kind of a mess actually and I am not happy either that it hasn't been consolidated yet.

As I was doing a similar 'research', I put all of the information and links into https://github.com/mikrosk/uconvert/blo ... /README.md so I could find it next time. :)

[Anima]

As I was doing a similar 'research', I put all of the information and links into https://github.com/mikrosk/uconvert/blo ... /README.md so I could find it next time.

Great idea. Thanks for sharing.

[Cyprian]

@mikro great

[Cyprian]

BTW, from time to time I look for your tools (http://atari.anides.de/ http://tool.anides.de/ http://tool.anides.de/remap.html) on the web.
Would be cool to have all those links in one place on your website.

Yeah, you're completely right. It's kind of a mess actually and I am not happy either that it hasn't been consolidated yet.

As I was doing a similar 'research', I put all of the information and links into https://github.com/mikrosk/uconvert/blo ... /README.md so I could find it next time.

Great idea. Thanks for sharing.

@micro @anima
Would be possible to add support for GFB files (DeskPic wallpapers) in your tools uConvert and http://atari.anides.de/ and ?
http://justsolve.archiveteam.org/wiki/DeskPic

[ThorstenOtto]

I guess that would require to add support for that format to GraphicsMagick

Maybe easier to use RECOIL to convert them to some supported format.

[mikro]

Actually no, at least my tool can handle both GraphicsMagick and my custom formats simultaneously and as equal citizens. However I'm reluctant to make such ad-hoc changes because it could easily get out of hand (more features = more bugs and additional requests ;)).

Does RECOIL offer a two-way conversion, though? Isn't that just a viewer / converter into PNG and such? I.e. one can't really create native Atari formats with it?

At least that is how I understand Cyprian's question, he wants to add some custom wallpapers for his Atari.

[Cyprian]

At least that is how I understand Cyprian's question, he wants to add some custom wallpapers for his Atari.

exactly, now I do it manually reduce color and resolution in XNview and export as GIF and then either in my script or in DeskPic convert to GFB