diff --git a/index.html b/index.html
index 0ea563f..c5b9050 100644
--- a/index.html
+++ b/index.html
@@ -57,13 +57,13 @@
             </button>
         </div>
             <button id="defaultButton" onclick="systemDefault()">
-                <img src="website/web_images/settings.png" class="copy" id="default">
+                <img src="website/web_images/settings.webp" class="copy" id="default">
             </button>
     </div>
-    <button class="top" id="top" onclick="topFunction()"><img src="website/web_images/top.png" alt=""></button>
+    <button class="top" id="top" onclick="topFunction()"><img src="website/web_images/top.webp" alt=""></button>
     <nav id="navbar">
         <img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
-        <img src="website/web_images/3d_glow.png" alt="Dataverse Logo" class="logo" id="glow">
+        <img src="website/web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
         <button style="
         background-color: dimgray;
@@ -170,14 +170,14 @@
             </p>
         </div>
         <div class="about_right">
-            <img src="website/web_images/about_up.png" class="preview up">
-            <img src="website/web_images/about_down.png" class="preview down">
+            <img src="website/web_images/about_up.webp" class="preview up">
+            <img src="website/web_images/about_down.webp" class="preview down">
         </div>
     </div>
     <div class="section" id="finance">
         <div class="finance_left">
-            <img src="website/web_images/finance_up.png" class="preview up">
-            <img src="website/web_images/finance_down.png" class="preview down">
+            <img src="website/web_images/finance_up.webp" class="preview up">
+            <img src="website/web_images/finance_down.webp" class="preview down">
         </div>
         <div class="finance_right">
             <p class="subheading">Track Finances!</p>
@@ -196,14 +196,14 @@
             <img src="https://i0.wp.com/learnbyinsight.com/wp-content/uploads/2020/09/sub-plot.png?resize=600%2C398&ssl=1"
                 alt="">
             <img src="https://docs.sympy.org/latest/_images/plotting-16.png" alt="">
-            <img src="website/web_images/galaxy.png" alt="">
+            <img src="website/web_images/galaxy.webp" alt="">
             <img src="website/web_images/3d.gif" alt="">
             <img src="website/web_images/volcano.gif" alt="">
             <img src="website/web_images/live.gif" alt="">
             <img src="https://i0.wp.com/learnbyinsight.com/wp-content/uploads/2020/09/sub-plot.png?resize=600%2C398&ssl=1"
                 alt="">
             <img src="https://docs.sympy.org/latest/_images/plotting-16.png" alt="">
-            <img src="website/web_images/galaxy.png" alt="">
+            <img src="website/web_images/galaxy.webp" alt="">
             <img src="website/web_images/3d.gif" alt="">
 
 
@@ -211,23 +211,23 @@
         <div class="examples" id="examples2">
 
             <img src="https://matplotlib.org/stable/_images/sphx_glr_polar_scatter_001.png" alt="">
-            <img src="website/web_images/wordcloud.png" alt="">
+            <img src="website/web_images/wordcloud.webp" alt="">
             <img src="https://www.pythoncharts.com/matplotlib/radar-charts/images/radar-chart-step1.png" alt="">
             <img src="https://discourse.matplotlib.org/uploads/default/original/2X/4/4a1f2f7f8f90b98517aa85b8b984d4c9a3a94c72.jpeg"
                 alt="">
             <img src="https://miro.medium.com/v2/resize:fit:1188/1*kpksgzDd6qKP2h6GM7OVCA.png" alt="">
             <img src="https://miro.medium.com/v2/resize:fit:1140/1*Lc5VzM9Yo4775Omc-vqddQ.png" alt="">
-            <img src="website/web_images/portal.png" alt="">
-            <img src="website/web_images/stars.png" alt="">
+            <img src="website/web_images/portal.webp" alt="">
+            <img src="website/web_images/stars.webp" alt="">
             <img src="https://matplotlib.org/stable/_images/sphx_glr_polar_scatter_001.png" alt="">
-            <img src="website/web_images/wordcloud.png" alt="">
+            <img src="website/web_images/wordcloud.webp" alt="">
             <img src="https://www.pythoncharts.com/matplotlib/radar-charts/images/radar-chart-step1.png" alt="">
             <img src="https://discourse.matplotlib.org/uploads/default/original/2X/4/4a1f2f7f8f90b98517aa85b8b984d4c9a3a94c72.jpeg"
                 alt="">
             <img src="https://miro.medium.com/v2/resize:fit:1188/1*kpksgzDd6qKP2h6GM7OVCA.png" alt="">
             <img src="https://miro.medium.com/v2/resize:fit:1140/1*Lc5VzM9Yo4775Omc-vqddQ.png" alt="">
-            <img src="website/web_images/portal.png" alt="">
-            <img src="website/web_images/stars.png" alt="">
+            <img src="website/web_images/portal.webp" alt="">
+            <img src="website/web_images/stars.webp" alt="">
         </div>
     </div>
 
@@ -264,13 +264,13 @@
                 </button></a>
         </div>
         <div class="develop_right">
-            <img src="website/web_images/develop_up.png" class="preview up">
-            <img src="website/web_images/develop_down.png" class="preview down">
+            <img src="website/web_images/develop_up.webp" class="preview up">
+            <img src="website/web_images/develop_down.webp" class="preview down">
         </div>
     </div>
     <div class="design_line"></div>
     <footer>
-        <img src="website/web_images/cubes.png" class="cubes">
+        <img src="website/web_images/cubes.webp" class="cubes">
         <div class="contact">
             <div class="name">
                 <img src="website/web_images/2dlogo.svg" alt="" class="end-logo">
@@ -316,4 +316,4 @@ <h4>Copyright &copy; <span id="copyright">32949832</span> Tejas Gupta</h4>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/software/images/2dlogo.png b/software/images/2dlogo.png
index 690e5a3..b34d517 100644
Binary files a/software/images/2dlogo.png and b/software/images/2dlogo.png differ
diff --git a/software/images/3dlogo.png b/software/images/3dlogo.png
index fa78132..940ffc2 100644
Binary files a/software/images/3dlogo.png and b/software/images/3dlogo.png differ
diff --git a/software/images/background.png b/software/images/background.png
index 3e47f8a..c0d5894 100644
Binary files a/software/images/background.png and b/software/images/background.png differ
diff --git a/software/images/preview.png b/software/images/preview.png
index 65f0ad0..53212b9 100644
Binary files a/software/images/preview.png and b/software/images/preview.png differ
diff --git a/software/mainGUI.py b/software/mainGUI.py
index 88b4db2..70ce3f2 100644
--- a/software/mainGUI.py
+++ b/software/mainGUI.py
@@ -17,6 +17,7 @@
 import numpy as np                                                  #for x-axis time arange
 #===================================================================================================================plot colors
 colors=["#440154", "#3b528b","#21918c", "#5ec962", "#fde725","#f89540", "#e16462","#b12a90", "#6a00a8", "#0d0887", "#3474eb", "#5ec962", "yellow", "#f89540", "tomato","tan"]
+maxLimit = 16 # maximum limit for colors
 #===================================================================================================================connecting mySQL
 mycon=financeTracker.mycon
 cursor=financeTracker.cursor
@@ -560,7 +561,7 @@ def enter_values(c,y,start,end,width,x_label):
     x_label=x_var.get()
     y_var=y_var.get()
 
-    if y_var>16:
+    if y_var>maxLimit:
         messagebox.showwarning(message="Too many dependent variables!\nThe maximum limit is 16.")
     elif y_var<=0:
         messagebox.showwarning(message="No. of dependent variables should be greater than 0.")
@@ -724,7 +725,7 @@ def enter_pie_values(c,y):
 
     y_var=y_var.get()
     heading=title_var.get()
-    if y_var>16:
+    if y_var>maxLimit:
         messagebox.showwarning(message="Too many variables!\nThe maximum limit is 16.")
     elif y_var<=0:
         messagebox.showwarning(message="No. of variables should be greater than 0.")
@@ -781,7 +782,7 @@ def radar_values(c,title_var,x_var,y_var):
     def x_no_values(c,y,x_no_value,names_form,x_label):
         if x_no_value.get()<3:
             messagebox.showwarning(message="No. of values for independent variable should be greater than 2.")
-        elif x_no_value.get()>16:
+        elif x_no_value.get()>maxLimit:
             messagebox.showwarning(message="Too many values for independent variable!\nThe maximum limit is 16.")
         else:
             x_no_value = x_no_value.get()
@@ -861,7 +862,7 @@ def enter_values(c,x,y,x_no_value,x_label,d_attr):
     x_label=x_var.get()
     y_var=y_var.get()
     
-    if y_var>16:
+    if y_var>maxLimit:
         messagebox.showwarning(message="Too many dependent variables!\nThe maximum limit is 16.")
     elif y_var<=0:
         messagebox.showwarning(message="No. of dependent variables should be greater than 0.")
@@ -973,7 +974,7 @@ def scatter_enter_values(c,title_var,x_var,y_var,z_var,no_values_var):
     z_label=z_var.get()
     no_values=no_values_var.get()
 
-    if no_values>16:
+    if no_values>maxLimit:
         messagebox.showwarning(message="Too many values to plot!\nThe maximum limit is 16.")
     elif no_values<=0:
         messagebox.showwarning(message="No. of values to plot should be greater than 0.")
@@ -1079,7 +1080,7 @@ def heatmap_values(c,title_var,x_var,y_var,d_var):
     def x_value(c,names_form,x_values,x_label):
         x_values=x_values.get()
 
-        if x_values>16:
+        if x_values>maxLimit:
             messagebox.showwarning(message="Too many values for independent variable!\nThe maximum limit is 16.")
         elif x_values<=0:
             messagebox.showwarning(message="No. of values for independent variable should be greater than 0.")
@@ -1124,7 +1125,7 @@ def y_values(c,y_var):
     def y_values1(c,values_form,y_values,y_label):
         y_values=y_values.get()
 
-        if y_values>16:
+        if y_values>maxLimit:
             messagebox.showwarning(message="Too many values for independent variable!\nThe maximum limit is 16.")
         elif y_values<=0:
             messagebox.showwarning(message="No. of values for independent variable should be greater than 0.")
diff --git a/website/codeOfconduct.html b/website/codeOfconduct.html
index b061361..f80a6e7 100644
--- a/website/codeOfconduct.html
+++ b/website/codeOfconduct.html
@@ -24,14 +24,14 @@
                 <!-- </div> -->
             </button>
             <button id="defaultButton" onclick="systemDefault()">
-                <img src="web_images/settings.png" class="copy" id="default">
+                <img src="web_images/settings.webp" class="copy" id="default">
             </button>
         </div>
     </div>
-    <button class="top" id="top" onclick="topFunction()"><img src="web_images/top.png" alt=""></button>
+    <button class="top" id="top" onclick="topFunction()"><img src="web_images/top.webp" alt=""></button>
     <nav id="navbar">
         <img src="web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
-        <img src="web_images/3d_glow.png" alt="Dataverse Logo" class="logo" id="glow">
+        <img src="web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
     </nav>
     
diff --git a/website/license.html b/website/license.html
index f3ac6ce..3a9fec1 100644
--- a/website/license.html
+++ b/website/license.html
@@ -20,14 +20,14 @@
                 <img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy" id="sun">
             </button>
             <button id="defaultButton" onclick="systemDefault()">
-                <img src="web_images/settings.png" class="copy" id="default">
+                <img src="web_images/settings.webp" class="copy" id="default">
             </button>
             
         </div>
     </div>
     <nav id="navbar">
         <img src="web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
-        <img src="web_images/3d_glow.png" alt="Dataverse Logo" class="logo" id="glow">
+        <img src="web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
     </nav>
     
     <button class="burger" id="burger" onclick="show()"></button>
diff --git a/website/web_images/3d_glow.png b/website/web_images/3d_glow.png
deleted file mode 100644
index 3506889..0000000
Binary files a/website/web_images/3d_glow.png and /dev/null differ
diff --git a/website/web_images/3d_glow.webp b/website/web_images/3d_glow.webp
new file mode 100644
index 0000000..056fb13
Binary files /dev/null and b/website/web_images/3d_glow.webp differ
diff --git a/website/web_images/ER_diagram.png b/website/web_images/ER_diagram.png
index 9623101..868d353 100644
Binary files a/website/web_images/ER_diagram.png and b/website/web_images/ER_diagram.png differ
diff --git a/website/web_images/about_down.png b/website/web_images/about_down.png
deleted file mode 100644
index 9dc518a..0000000
Binary files a/website/web_images/about_down.png and /dev/null differ
diff --git a/website/web_images/about_down.webp b/website/web_images/about_down.webp
new file mode 100644
index 0000000..b8a4cc3
Binary files /dev/null and b/website/web_images/about_down.webp differ
diff --git a/website/web_images/about_up.png b/website/web_images/about_up.png
deleted file mode 100644
index 7236811..0000000
Binary files a/website/web_images/about_up.png and /dev/null differ
diff --git a/website/web_images/about_up.webp b/website/web_images/about_up.webp
new file mode 100644
index 0000000..bed415e
Binary files /dev/null and b/website/web_images/about_up.webp differ
diff --git a/website/web_images/copy.png b/website/web_images/copy.png
index 2579785..b80a79a 100644
Binary files a/website/web_images/copy.png and b/website/web_images/copy.png differ
diff --git a/website/web_images/cubes.png b/website/web_images/cubes.png
deleted file mode 100644
index 2aaa8a2..0000000
Binary files a/website/web_images/cubes.png and /dev/null differ
diff --git a/website/web_images/cubes.webp b/website/web_images/cubes.webp
new file mode 100644
index 0000000..864b4ea
Binary files /dev/null and b/website/web_images/cubes.webp differ
diff --git a/website/web_images/data.png b/website/web_images/data.png
index 6c4d8bf..15c8370 100644
Binary files a/website/web_images/data.png and b/website/web_images/data.png differ
diff --git a/website/web_images/develop_down.png b/website/web_images/develop_down.png
deleted file mode 100644
index 40f7fb5..0000000
Binary files a/website/web_images/develop_down.png and /dev/null differ
diff --git a/website/web_images/develop_down.webp b/website/web_images/develop_down.webp
new file mode 100644
index 0000000..0a2c5ab
Binary files /dev/null and b/website/web_images/develop_down.webp differ
diff --git a/website/web_images/develop_up.png b/website/web_images/develop_up.png
deleted file mode 100644
index 5e3f8fe..0000000
Binary files a/website/web_images/develop_up.png and /dev/null differ
diff --git a/website/web_images/develop_up.webp b/website/web_images/develop_up.webp
new file mode 100644
index 0000000..41dd554
Binary files /dev/null and b/website/web_images/develop_up.webp differ
diff --git a/website/web_images/finance_down.png b/website/web_images/finance_down.png
deleted file mode 100644
index 90171d2..0000000
Binary files a/website/web_images/finance_down.png and /dev/null differ
diff --git a/website/web_images/finance_down.webp b/website/web_images/finance_down.webp
new file mode 100644
index 0000000..606329f
Binary files /dev/null and b/website/web_images/finance_down.webp differ
diff --git a/website/web_images/finance_up.png b/website/web_images/finance_up.png
deleted file mode 100644
index 4aa5352..0000000
Binary files a/website/web_images/finance_up.png and /dev/null differ
diff --git a/website/web_images/finance_up.webp b/website/web_images/finance_up.webp
new file mode 100644
index 0000000..a00f47c
Binary files /dev/null and b/website/web_images/finance_up.webp differ
diff --git a/website/web_images/galaxy.png b/website/web_images/galaxy.png
deleted file mode 100644
index bc4d29d..0000000
Binary files a/website/web_images/galaxy.png and /dev/null differ
diff --git a/website/web_images/galaxy.webp b/website/web_images/galaxy.webp
new file mode 100644
index 0000000..6256b7a
Binary files /dev/null and b/website/web_images/galaxy.webp differ
diff --git a/website/web_images/portal.png b/website/web_images/portal.png
deleted file mode 100644
index b3a7e49..0000000
Binary files a/website/web_images/portal.png and /dev/null differ
diff --git a/website/web_images/portal.webp b/website/web_images/portal.webp
new file mode 100644
index 0000000..a6bac1e
Binary files /dev/null and b/website/web_images/portal.webp differ
diff --git a/website/web_images/preview.png b/website/web_images/preview.png
index 0b1264d..0c7110c 100644
Binary files a/website/web_images/preview.png and b/website/web_images/preview.png differ
diff --git a/website/web_images/settings.png b/website/web_images/settings.png
deleted file mode 100644
index bc133a4..0000000
Binary files a/website/web_images/settings.png and /dev/null differ
diff --git a/website/web_images/settings.webp b/website/web_images/settings.webp
new file mode 100644
index 0000000..305118d
Binary files /dev/null and b/website/web_images/settings.webp differ
diff --git a/website/web_images/stars.png b/website/web_images/stars.png
deleted file mode 100644
index 2d89d48..0000000
Binary files a/website/web_images/stars.png and /dev/null differ
diff --git a/website/web_images/stars.webp b/website/web_images/stars.webp
new file mode 100644
index 0000000..48b057e
Binary files /dev/null and b/website/web_images/stars.webp differ
diff --git a/website/web_images/top.png b/website/web_images/top.png
deleted file mode 100644
index 640d2e3..0000000
Binary files a/website/web_images/top.png and /dev/null differ
diff --git a/website/web_images/top.webp b/website/web_images/top.webp
new file mode 100644
index 0000000..a92c9cb
Binary files /dev/null and b/website/web_images/top.webp differ
diff --git a/website/web_images/wordcloud.png b/website/web_images/wordcloud.png
deleted file mode 100644
index bd83642..0000000
Binary files a/website/web_images/wordcloud.png and /dev/null differ