diff --git a/images/DDD.png b/images/DDD.png
new file mode 100644
index 0000000..ebe7c8e
Binary files /dev/null and b/images/DDD.png differ
diff --git a/images/Trash.png b/images/Trash.png
new file mode 100644
index 0000000..60515f6
Binary files /dev/null and b/images/Trash.png differ
diff --git a/images/attacker.png b/images/attacker.png
new file mode 100644
index 0000000..c85c3d5
Binary files /dev/null and b/images/attacker.png differ
diff --git a/images/home_client.png b/images/home_client.png
new file mode 100644
index 0000000..6dcf115
Binary files /dev/null and b/images/home_client.png differ
diff --git a/images/remote_server.png b/images/remote_server.png
new file mode 100644
index 0000000..affcc04
Binary files /dev/null and b/images/remote_server.png differ
diff --git a/images/router.png b/images/router.png
new file mode 100644
index 0000000..99b8753
Binary files /dev/null and b/images/router.png differ
diff --git a/index.html b/index.html
index 44c3784..cad3b76 100644
--- a/index.html
+++ b/index.html
@@ -87,7 +87,7 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
                       <input type="number" id="nports" name="nports" value=3><br>
 <div class="slidecontainer">
                     <span>Fastest</span>
-                    <input type="range" min="1" max="5" value="1" class="slider" id="myRange">
+                    <input type="range" min="1" max="5" value="3" class="slider" id="myRange">
                     <span>Slowest</span>
                   </div>
                   </form>
diff --git a/js/attacker.js b/js/attacker.js
index 95c8af3..5474823 100644
--- a/js/attacker.js
+++ b/js/attacker.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class Attacker extends Entity{
     constructor(x, y, nextEntity, packetsPerTimeUnit, queue=[]) {
-        super('images/attacker.jpg', 'Attacker', x, y, 100, 100,  nextEntity, packetsPerTimeUnit, queue);
+        super('images/attacker.png', 'Attacker', x, y, 100, 100,  nextEntity, packetsPerTimeUnit, queue);
 
         // Bind methods
         //this.fillPossibleMoves = this.fillPossibleMoves.bind(this);
diff --git a/js/client.js b/js/client.js
index 050457f..c34c421 100644
--- a/js/client.js
+++ b/js/client.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class Client extends Entity {
     constructor(x, y, nextEntity, packetsPerTimeUnit, queue = []) {
-        super('images/home_client.jpg', 'Client Network', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
+        super('images/home_client.png', 'Client Network', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
 
         this.sendPackets = this.sendPackets.bind(this);
     }
diff --git a/js/ddd.js b/js/ddd.js
index 21e8cb5..4b03a7f 100644
--- a/js/ddd.js
+++ b/js/ddd.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class DDD extends Entity {
     constructor(x, y, nextEntity, packetsPerTimeUnit, nPorts, queue = []) {
-        super('images/DDD.jpg', 'DDD', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
+        super('images/DDD.png', 'DDD', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
         this.packetTable = new Map();
         this.maxOpenPorts = nPorts;
         this.openPorts = this.openNewPorts();
diff --git a/js/garbage.js b/js/garbage.js
index fdcc88b..1fe42e0 100644
--- a/js/garbage.js
+++ b/js/garbage.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class Garbage extends Entity {
     constructor(x, y, nextEntity, packetsPerTimeUnit, queue = []) {
-        super('images/Trash.jpg', 'Garbage', x, y, 150, 100, nextEntity, packetsPerTimeUnit, queue);
+        super('images/Trash.png', 'Garbage', x, y, 150, 100, nextEntity, packetsPerTimeUnit, queue);
         this.droppedPackets = 0;
 
         // Bind methods
diff --git a/js/router.js b/js/router.js
index f42a6cc..a80d974 100644
--- a/js/router.js
+++ b/js/router.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class Router extends Entity{
     constructor(x, y, nextEntity, packetsPerTimeUnit, queue=[]) {
-        super('images/router.jpg', 'Router', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
+        super('images/router.png', 'Router', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
         this.openPorts = []
 
         // Bind methods
diff --git a/js/server.js b/js/server.js
index 4cbd802..9eb8030 100644
--- a/js/server.js
+++ b/js/server.js
@@ -2,7 +2,7 @@ import { Entity } from './entity.js';
 
 export class Server extends Entity{
     constructor(x, y, nextEntity, packetsPerTimeUnit, queue=[]) {
-        super('images/remote_server.jpg', 'Remote Server', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
+        super('images/remote_server.png', 'Remote Server', x, y, 100, 100, nextEntity, packetsPerTimeUnit, queue);
 
         // Bind methods
         this.sendPackets = this.sendPackets.bind(this);