diff --git a/static/cellaVerde - Copia.png b/static/cellaVerde - Copia.png
new file mode 100644
index 0000000..33e017b
Binary files /dev/null and b/static/cellaVerde - Copia.png differ
diff --git a/static/cibo.png b/static/cibo.png
new file mode 100644
index 0000000..1952966
Binary files /dev/null and b/static/cibo.png differ
diff --git a/static/prova1 - Copia.png b/static/prova1 - Copia.png
new file mode 100644
index 0000000..69164a7
Binary files /dev/null and b/static/prova1 - Copia.png differ
diff --git a/template/Interfaccia.html b/template/Interfaccia.html
index a19656d..d43dc07 100644
--- a/template/Interfaccia.html
+++ b/template/Interfaccia.html
@@ -40,7 +40,6 @@
 			td {
 				background: white;
 				font-size: 12px;
-				font-weight: : 700;
 				text-align: center;
 				vertical-align: middle;
 				width: calc((70vw / {{.larghezza}}) - 3px);
@@ -50,7 +49,8 @@
 				height: 3em;
 			}
 			.cibo {
-				background: #FFFF33;
+				background-image: url("/static/cibo.png");
+				background-size: 100% 100%;
 				padding: 0px;
 			}
 			.razza1 {
@@ -89,6 +89,13 @@
 			height: 1em;
 			display: inline-block;
 		}
+		img{
+			height: 100%
+		}
+		img.batteri{
+			height: 100%
+
+		}
 		</style>
 		<script>
 			reload = function() {
@@ -114,9 +121,9 @@
 		<div id="tb" class="tabella"></div>
 		<div class="legenda">
 			<h1>legenda</h1>
-			<div class="colorsample" style="background-color:#FFFF33"></div>&nbsp;Cibo<br>
-			<div class="colorsample" style="background-color:#00ff00"></div>&nbsp;Razza 1<br>
-			<div class="colorsample" style="background-color:#F00"></div>&nbsp;Razza 2
+			<div class="colorsample"><img  src="/static/cibo.png"></div>&nbsp;Cibo<br>
+			<div class="colorsample"><img class="batteri" src="/static/cellaVerde - Copia.png"></div>&nbsp;Razza 1<br>
+			<div class="colorsample"><img class="batteri" src="/static/prova1 - Copia.png"></div>&nbsp;Razza 2
 		</div>
 	</main>