Binary images to webp (#58)

* feat!: binary images to webp using imagemagick

This should be done as CI script.

* chore!: search and replace project wide, png to webp

* chore!: search and replace project wide, jpg to webp

Author: bjgavilanes

public/banner_events.png

@@ -11,7 +11,7 @@
 			}
 		},
 		"tags": ["FOSS", "Open Source", "Programming"],
-		"image": "/kernel-chaos.png"
+		"image": "/kernel-chaos.webp"
 	},
 	{
 		"name": "Wordpress Guayaquil",
@@ -25,7 +25,7 @@
 			}
 		},
 		"tags": ["Design", "UI", "UX", "Creative"],
-		"image": "/wordpress.png"
+		"image": "/wordpress.webp"
 	},
 	{
 		"name": "HerUX",
@@ -39,7 +39,7 @@
 			}
 		},
 		"tags": ["UX", "UI", "Creative"],
-		"image": "/herux.png"
+		"image": "/herux.webp"
 	},
 	{
 		"name": "FunPython",
@@ -53,7 +53,7 @@
 			}
 		},
 		"tags": ["MicroPython", "Robotics", "IoT"],
-		"image": "/funpython.jpg"
+		"image": "/funpython.webp"
 	},
 	{
 		"name": "GDG Guayaquil",
@@ -67,7 +67,7 @@
 			}
 		},
 		"tags": ["Community", "Development", "GoogleDevelopers"],
-		"image": "/gdg_gye.png"
+		"image": "/gdg_gye.webp"
 	},
 	{
 		"name": "Dotnet Ecuador",
@@ -81,6 +81,6 @@
 			}
 		},
 		"tags": ["Programming", "DotNet", "Microsoft"],
-		"image": "/dotnet.png"
+		"image": "/dotnet.webp"
 	}
 ]

public/banner_events.webp

@@ -3,7 +3,7 @@
 		{
 			"name": "Nataly Sandoya",
 			"description": "Ha desarrollado las interfaces de usuario del sitio web principal de Ecuador In Tech. También ha diseñado el arte para los eventos que se han realizado desde que empezó la comunidad, así como otros materiales de comunicación, dándole una identidad visual.",
-			"image": "/images/people/nataly.png",
+			"image": "/images/people/nataly.webp",
 			"social": {
 				"githubUrl": "https://github.com/nsandoya",
 				"linkedinUrl": "https://www.linkedin.com/in/nataly-sandoya/"
@@ -12,7 +12,7 @@
 		{
 			"name": "Iván Manzaba",
 			"description": "Ha compartido su conocimiento de Git y GitHub como ponente en el primer evento de la comunidad. También ha contribuido activamente en el desarrollo del sitio web actual de Ecuador In Tech, y ayuda activamente con la gestión de la comunidad.",
-			"image": "/images/people/ivan.png",
+			"image": "/images/people/ivan.webp",
 			"social": {
 				"githubUrl": "https://github.com/IvanM9",
 				"linkedinUrl": "https://www.linkedin.com/in/iv%C3%A1n-manzaba"
@@ -21,15 +21,15 @@
 		{
 			"name": "Brayen Gavilanez",
 			"description": "Como cofundador, ha contribuido con proyectos, gestión y liderazgo dentro de la comunidad. Brayen ha logrado también conectar la meta-comunidad con diferentes actores, ampliando su alcance.",
-			"image": "/images/people/brayen.png",
+			"image": "/images/people/brayen.webp",
 			"social": {
 				"githubUrl": "https://github.com/bjgavilanes"
 			}
 		},
 		{
 			"name": "David Cortez",
 			"description": "Como cofundador, ha moldeado la comunidad a través de un liderazgo estratégico, asociaciones colaborativas y contribuciones tanto al desarrollo del sitio web como a iniciativas de impacto.",
-			"image": "/images/people/dav.png",
+			"image": "/images/people/dav.webp",
 			"social": {
 				"githubUrl": "https://github.com/davcortez"
 			}
@@ -39,7 +39,7 @@
 		{
 			"name": "Jhon Merchan",
 			"description": "Ha participado de forma activa, conectando Ecuador In Tech con otros líderes y difundiendo las actividades, ampliando así la red de la meta-comunidad.",
-			"image": "/images/people/jhon.png",
+			"image": "/images/people/jhon.webp",
 			"social": {
 				"githubUrl": "https://github.com/jhon-p16"
 			}
@@ -49,7 +49,7 @@
 		{
 			"name": "Agustina Scandogliero",
 			"description": "Ha aportado su amplio conocimiento como ponente en Path to impact: una serie de charlas diseñadas para apoyar a las personas en su proceso de búsqueda de empleo, ofreciendo estrategias prácticas y consejos para sobresalir y dejar huella en la industria de TI, sin importar su nivel de experiencia o área de especialización.",
-			"image": "/images/people/agustina.png",
+			"image": "/images/people/agustina.webp",
 			"social": {
 				"linkedinUrl": "https://www.linkedin.com/in/agustina-scandogliero/"
 			}

public/devcon_gye_2025.jpg

@@ -9,7 +9,7 @@
 		"place": "Online",
 		"modality": "Virtual",
 		"hostedBy": "Ecuador In Tech",
-		"image": "/path_to_impact_3.jpg",
+		"image": "/path_to_impact_3.webp",
 		"attendees": 30
 	},
 	{
@@ -22,7 +22,7 @@
 		"place": "Universidad Bolivariana del Ecuador (UBE)",
 		"modality": "Presencial",
 		"hostedBy": "ETH Ecuador",
-		"image": "/devcon_gye_2025.jpg",
+		"image": "/devcon_gye_2025.webp",
 		"attendees": 45
 	},
 	{
@@ -35,7 +35,7 @@
 		"place": "Online",
 		"modality": "Virtual",
 		"hostedBy": "Ecuador In Tech",
-		"image": "/path_to_impact_2.jpg",
+		"image": "/path_to_impact_2.webp",
 		"attendees": 30
 	},
 	{
@@ -61,7 +61,7 @@
 		"place": "Online",
 		"modality": "Virtual",
 		"hostedBy": "Ecuador In Tech",
-		"image": "/github-workshop.jpg",
+		"image": "/github-workshop.webp",
 		"attendees": 31
 	}
 ]

public/devcon_gye_2025.webp

@@ -5,7 +5,7 @@
 		"subtitle": "",
 		"description": "En nuestra metacomunidad, unimos fuerzas, compartimos conocimientos y crecemos juntos. Conectamos comunidades tech para impulsar el futuro de la innovación y la colaboración. Únete a nosotros y sé parte del cambio.",
 		"image": {
-			"link": "/images/hacktoberfest.jpg",
+			"link": "/images/hacktoberfest.webp",
 			"alt": "Grupo de personas"
 		},
 		"cta": [
@@ -35,7 +35,7 @@
 		"subtitle": "",
 		"description": "Nos encanta aprender, compartir y expandir nuestros horizontes constantemente. ¡Anímate a explorar todas las actividades que las comunidades tech tienen para ti!",
 		"image": {
-			"link": "/images/codefest_conference.jpg",
+			"link": "/images/codefest_conference.webp",
 			"alt": "Conferencia en un auditorio"
 		},
 		"cta": {

public/dotnet.png

@@ -1,6 +1,6 @@
 ---
 import { ButtonStyle } from "../enums/button-type.enum";
-//import heroImage from "../assets/hacktoberfest.jpg";
+//import heroImage from "../assets/hacktoberfest.webp";
 import Button from "./shared/Button.astro";
 const { Primary } = ButtonStyle;
 const { id, title, description, image, cta } = Astro.props;

public/dotnet.webp

@@ -8,7 +8,7 @@ const {
 	name,
 	description,
 	tags,
-	image = "/path-to-default-logo.png",
+	image = "/path-to-default-logo.webp",
 	links,
 } = Astro.props as Community;
 ---

public/favicon.png

@@ -23,7 +23,7 @@ const { title } = Astro.props;
       src="https://cloud.umami.is/script.js"
       data-website-id="cb063bf5-5bb2-443b-ba30-e0447966a426"
     ></script>
-    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.webp" />
     <link rel="sitemap" href="/sitemap-index.xml" />
     <link
       rel="alternate"

public/favicon.webp

@@ -1,5 +1,5 @@
 ---
-import banner from "../../../public/banner_events.png";
+import banner from "../../../public/banner_events.webp";
 import events from "../../assets/events.json";
 import Layout from "../../layouts/Layout.astro";