diff --git a/static/img/bash.png b/static/img/bash.png
deleted file mode 100644
index 98dd77b..0000000
Binary files a/static/img/bash.png and /dev/null differ
diff --git a/static/img/bash.webp b/static/img/bash.webp
new file mode 100644
index 0000000..c575180
Binary files /dev/null and b/static/img/bash.webp differ
diff --git a/static/img/byte.png b/static/img/byte.png
deleted file mode 100644
index 4634804..0000000
Binary files a/static/img/byte.png and /dev/null differ
diff --git a/static/img/byte.webp b/static/img/byte.webp
new file mode 100644
index 0000000..01a8bc2
Binary files /dev/null and b/static/img/byte.webp differ
diff --git a/static/img/next.png b/static/img/next.png
deleted file mode 100644
index 34011a9..0000000
Binary files a/static/img/next.png and /dev/null differ
diff --git a/static/img/next.webp b/static/img/next.webp
new file mode 100644
index 0000000..8103b33
Binary files /dev/null and b/static/img/next.webp differ
diff --git a/static/img/personal.png b/static/img/personal.png
deleted file mode 100644
index ec1808a..0000000
Binary files a/static/img/personal.png and /dev/null differ
diff --git a/static/img/personal.webp b/static/img/personal.webp
new file mode 100644
index 0000000..20dc74e
Binary files /dev/null and b/static/img/personal.webp differ
diff --git a/templates/content/project.html b/templates/content/project.html
index 4855c08..d5b4206 100644
--- a/templates/content/project.html
+++ b/templates/content/project.html
@@ -5,7 +5,7 @@
                 <!-- Progetto 1 -->
                 <div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp">
                     <div class="card project-card shadow-sm">
-                        <img src="{{ url_for('static', filename='img/bash.png')}}" class="card-img-top" alt="Progetto 1">
+                        <img src="{{ url_for('static', filename='img/bash.webp')}}" class="card-img-top" alt="Progetto 1">
                         <div class="card-body">
                             <h5 class="card-title">Script di Backup Database (MariaDB/MySQL)</h5>
                             <p class="card-text">Script in Bash per sistemi Linux che permette l'automazione dei backup database</p>
@@ -23,7 +23,7 @@
                 <!-- Progetto 2 -->
                 <div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.2s">
                     <div class="card project-card shadow-sm">
-                        <img src="{{ url_for('static', filename='img/byte.png')}}" class="card-img-top" alt="Progetto 2">
+                        <img src="{{ url_for('static', filename='img/byte.webp')}}" class="card-img-top" alt="Progetto 2">
                         <div class="card-body">
                             <h5 class="card-title">Personal ByteStash</h5>
                             <p class="card-text">Ho realizzato un repository personale di snippet sfruttando Bytestash, ottimizzando la gestione del codice riutilizzabile e migliorando la produttività nello sviluppo di progetti software.</p>
@@ -45,7 +45,7 @@
                 <!-- Progetto 3 -->
                 <div class="col-lg-4 col-md-6 mb-4 animate__animated animate__fadeInUp" style="animation-delay: 0.4s">
                     <div class="card project-card shadow-sm">
-                        <img src="{{ url_for('static', filename='img/next.png')}}" class="card-img-top" alt="Nextcloud Personale">
+                        <img src="{{ url_for('static', filename='img/next.webp')}}" class="card-img-top" alt="Nextcloud Personale">
                         <div class="card-body">
                             <h5 class="card-title">Nextcloud Personale</h5>
                             <p class="card-text">Installazione di Nextcloud su container LXC con database PostgreSQL e caching Redis, integrato in una rete privata con gestione IP tramite server DHCP.</p>
diff --git a/templates/index.html b/templates/index.html
index b5207ba..a23a1ff 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,7 +19,7 @@
                 </div>
                 <div class="col-lg-6 d-flex justify-content-center animate__animated animate__fadeInRight">
                     <div class="text-center">
-                        <img src="{{ url_for('static', filename='img/personal.png') }}" alt="Profile" class="img-fluid rounded-circle shadow" style="max-width: 350px;">
+                        <img src="{{ url_for('static', filename='img/personal.webp') }}" alt="Profile" class="img-fluid rounded-circle shadow" style="max-width: 350px;">
                     </div>
                 </div>
             </div>