IMAGE PROCESSING HOW-TOs

WHAT IS THIS?
=============
NanoWiki is a documentation tool with a small footprint, extreme containment, and maximum portability, even when segments are isolated from a comprehensive constellation. Each element is as self-sustained as possible.
Unlike most content managers, this documentation tool tries to embed as much content as possible into one file, not link resources, like images and/or supportive documents. Therefore these binary files are converted to text, using base64-conversion, then included into the content via straight HTML. The syntax for images, documents, and links is provided as templates, along with explanations and samples.

HOW DOES IT WORK?
=================
CHANGE THE MAIN TITLE...
of the documentation, by double-clicking on it.

ADD ARTICLES...
as needed, bring them into the right order, and save the whole page through the button in the upper left.

EDIT ARTICLES...
by double-clicking them. Then edit and save the whole page (again) with the button in the upper left. Get new images and documents posted, using the conversion tool in the [ADD] section.

NO FONT-SIZE, BOLD, ITALIC, TABLES - NOTHING???
Nope. Enjoy your own HTML-skills, almost everything is supported (but stay away from </textarea> and JavaScript). This is intended to be as simple and bare-bones as possible.
Templates for images and links (to files and pages) are included. Use CAPITALIZATION, +++ additional characters +++, and indentation for emphasis and organization. Worked for decades on a typewriter, works here too.

AND NO 'UNDO...'
In the text-box, right-click and choose UNDO, or press [CTRL]+[Z] / [CTRL]+[Y] for UNDO / REDO.
If you messed up completely, deleted something, open the original you should overwrite after editing in a separate window and get the content from there (open the editor with a double-click).
If you broke the system somehow, do not overwrite the previous version, simply re-load the page, and start over. If you overwrote the original already, get a backup.
MAKE AND KEEP BACKUPS, they compress nicely and fast. Disciplin, people, this is meant to be small, simple, fast, portable, and independent, not fool or vilain proof.

AND NO LOGIN/SECURITY...
Not needed, only you (or your people) have write access to the files. You can write anything on a paper copy, doesn't change the original, neither other people's copies.

HOW DO I SHARE MY DOCUMENTATION?
================================
Give others read access e.g. by posting the wiki on a web server or on a file-sharing platform, like Dropbox or Google Drive. Just find out how to "make file publicly accessible".
Web servers or fully addressible platforms are (only) required to provide cross-linked multi-topic documentation sites instead of single documentation pages.
Here is a handy notes file handler, extract directly into directory with documentation notes on a PHP-enabled web server.

ENJOY! - or improve...

Remove CONSISTENT background from image (PhotoPea)

- Go to https://www.photopea.com/

- Select [Open From Computer] and load your image into the editor.

- From Toolbar (left), select "Magic Wand"

- DECISION TIME:
  Does the item contain need to be fully transparent or does a background ONLY AROUND THE ITEM need to be removed?
  + If the item needs to be FULLY TRANSPARENT, UN-CHECK the "[ ] Contiguous" option.
  + For background removal AROUND the item, make sure it IS CHECKED.

- Click once into the background. This will select the background around the image.
NOTE: If "[ ] Contiguous" is disabled, all areas of the same color will be selected too (e.g. area enclosed by a letter "O").

- From the top menu option [Select], sub-option [Modify], select [Expand]

- Expand selection by 3 px

- From the top menu option [Select], sub-option [Modify], select [Feather]

- Feather selection by 2 px

- From the top menu option [Select], select [Inverse]

- From the top menu option [Edit], select [Copy]

- From the top menu option [File], select [New]

- In the "New Project" options dialog box, select background option [Transparent]
NOTE: Leave the dimensions alone, they should match the original image.

- From the top menu option [Edit], select [Paste]

- From the top menu option [File], sub-option [Export as...], select [PNG]
NOTE: JPG images, though commonly used, do NOT SUPPORT transparency.

- In the "Export" dialog box, press [Save] button and save image on your computer.

Remove RANDOM/INCONSISTENT background from image (PhotoPea)

- Go to https://www.photopea.com/

- Select [Open From Computer] and load your image into the editor.

- From the toolbar (left), use the "Zoom" tool to bring the object to be extracted to be ENTIRELY visible in the window, as big as possible.
  + Left-click zooms in (magnifies view).
  + Holding the [ALT]-key when left-clicking zooms out (shrinks view).
  + Switch to "Hand" tool (above the "Zoom" tool) if needed to move the object into view.

- From the toolbar (left), select "Magnetic Lasso Select"

- Click on object border to start selection.
  + Drag the mouse cursor SLOWLY and as precisely as possible along the border.
  + The program adds key points along the border.
  + Move the mouse perpendicular to the border, to guide the border detection process.
  + You can place key points manually by clicking the left mouse button wile tracing the object border.
  + To remove the last key points, press the [DELETE]-key as needed.
  + To start over, press [ESC]-key.
  + Proceed tracing the border of the object until it is completely encircled.
  + Double-click at last key-point to complete the selection.

- OPTIONAL: You can ADD areas to the selection by changing the selection option to be inclusive.
+ Re-apply the selection process to the additional object. Notice the footprint being ADDED in the bottom left.

- OPTIONAL: You can SUBTRACT areas to the selection by changing the selection option to be exclusive.
  + Re-apply the selection process to the to-be-removed object. Notice the visor being REMOVED from the astronaut object selection.
  + There is no visual difference between areas added and subtracted. It is up to the editor, to keep track.
  + This option is an important tool when processing semi-transparent objects containing enclosed background areas, e.g. flowing hair.
    The quality of the result depends on the effort applied. Zooming in to select small areas, helps.

- From the top menu option [Select], sub-option [Modify], select [Contract]
+ Contract selection by 2 px.

- From the top menu option [Select], sub-option [Modify], select [Feather]
+ Feather selection by 2 px.

- From the top menu option [Edit], select [Copy].

- From the top menu option [File], select [New].

- In the "New Project" options dialog box, select background option [Transparent]

- From the top menu option [Edit], select [Paste]. The cut-out object areas will be visible as defined.

- To clean the object border, zoom into the image and from the toolbar (left) select the "Eraser" tool.
+ Choose an eraser with a soft edge and of appropriate size, and remove residue on the object border as needed.

- From the top menu option [File], sub-option [Export as...], select [PNG]
NOTE: JPG images, though commonly used, do NOT SUPPORT transparency.

- In the "Export" dialog box, press [Save] button and save image on your computer.