From ce0b34cbfe37dd326861969d717efaf5584f756c Mon Sep 17 00:00:00 2001
From: Gero Doll <6284675+Limbicnation@users.noreply.github.com>
Date: Fri, 29 Nov 2024 21:34:29 +0100
Subject: [PATCH] Update README.md

docs: add node preview and logo images to README

- Add depth estimation logo in header
- Include node preview image
- Fix image alignments and sizing
- Update markdown formatting
---
 README.md | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 7b188a1..b28c44c 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
----
+## <img src="images/depth-estimation-icon.svg" width="32" height="32" alt="Depth Estimation Icon" style="vertical-align: middle"> ComfyUIDepthEstimation ComfyUIDepthEstimation
 
-# 📐 ComfyUIDepthEstimation
+<div align="center">
+  <img src="images/depth-estimation-icon.svg" width="150" height="150" alt="Depth Estimation Logo">
+</div>
 
 A custom depth estimation node for ComfyUI using Depth-Anything models to generate depth maps from images.
 
@@ -18,9 +20,7 @@ A custom depth estimation node for ComfyUI using Depth-Anything models to genera
   - Gamma correction
 
 ## Installation
-
 1. Clone the repository:
-
    ```bash
    git clone https://github.com/yourusername/ComfyUIDepthEstimation.git
    ```
@@ -39,8 +39,14 @@ A custom depth estimation node for ComfyUI using Depth-Anything models to genera
 
 # Usage
 
+<div align="center">
+  <img src="images/depth-estimation-node.png" width="600" alt="Depth Estimation Node Preview">
+</div>
+
 ## Node Parameters
 
+Node Parameters
+
 image: Input image (IMAGE type)
 model_name: Select from available Depth-Anything models
 blur_radius: Gaussian blur radius (0.0 - 10.0, default: 2.0)