Update README.md

README.md

@@ -9,6 +9,25 @@ This is the reason why I made this embedding.
 I have trained it on 70 images, the version I will be targeting in upcoming weeks will be based on 128 or 256 well-selected and filtered images, and processed
 through pixelate tool to keep the same pixel size on each of the input data. This should improve the embedding dramatically.
 
+**Images:**
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/lVqWhmx.png">
+</div>
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/9eOUMiD.png">
+</div>
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/SJGs2nD.png">
+</div>
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/eMZvUTY.png">
+</div>
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/fyGB10h.png">
+</div>
+
+
+
 ### Installation:
 
 Just drop the embedding files (.pt extension) to your SD embeddings folder (`your-folder/embeddings`).
@@ -56,7 +75,11 @@ The embeddings give you a great opportunity to change some of your works into pi
 The best way to do it is to follow this process:
 
 First get your subject. If this is a simple image as:
-![image](https://i.imgur.com/ks4bpSV.png) - you might even need just one step.
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/ks4bpSV.png">
+</div>
+
+Here it needed just one step!
 
 What I did here was to use: 
 **Positive prompt:** "game icon, raven, by pixelart, pixelated" (very important to add pixelated)
@@ -68,4 +91,30 @@ What I did here was to use:
 **Resolution:** 768x768.
 
 The result:
-![image](https://i.imgur.com/wErverC.png)
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/wErverC.png">
+</div>
+
+ Of course, the result can be better - you can re-roll to infinity or choose better settings or different embedding than recommended pixelart (in some cases you can try others)
+
+Pixelating photos/more complex images:
+This is more tricky - but doable. As a baseline use the above settings,
+you can experiment with higher/lower CFG or denoising. To keep likeness I don't recommend you to go over 0.6 denoising.
+Replace the first part of the prompt with a simple description, at the end should be part: "by/in style pixelart, pixelated"
+Probably this will take up to 2-3 rounds. When I like the output - I set it as a base for next iteration. Then I reduce denoising by 0.4 each
+extra round.
+Of course this is rough process - might be different based on images.
+
+Here are some examples:
+
+Input:
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/l2dGhgH.png">
+</div>
+
+Resuts:
+<div style="display: flex; flex-direction: row; flex-wrap: wrap">
+  <img src="https://i.imgur.com/zsrd92w.png">
+</div>
+
+I still investigating how to improve on the process.