Remplacing all png and jpg for webp.

content/categories/index.xml

@@ -6,6 +6,6 @@
 		<p>Esta página está destinada a informar de los sucesos y negocios de nuestro pueblo, cualquiera puede redactar una noticia para que aparezca en este medio mientras pase un proceso de revisión por parte del staff de Burguillos.info.</p>
 	</description>
 	<priority>0</priority>
-	<menu_text><img alt="Principio" class="index-image-menu" src="/img/burguillos.png?v=1"/></menu_text>
+	<menu_text><img alt="Principio" class="index-image-menu" src="/img/burguillos.webp?v=1"/></menu_text>
 	<slug>index</slug>
 </category>

content/posts/0000003-migrantes-bienvenidos.xml

@@ -5,7 +5,7 @@
 	<ogdesc>Migrantes Bienvenidos.</ogdesc>
 	<category>index</category>
 	<slug>migrantes-bienvenidos</slug>
-	<img src="/img/refugees-welcome.png"/>
+	<img src="/img/refugees-welcome.webp"/>
 	<content>
 		<p>Debido a la llegada continuada de personas que provienen de otros países, provincias y localidades, desde Burguillos.info hemos considerado oportuno dedicarle un post a todos aquel que no es natal de Burguillos pero que ya es un burguillero más.</p>
 		<p>La gente de Burguillos aprecia enormemente la riqueza cultural producto de la mezcla de culturas que se produce en el pueblo.</p>

content/posts/0000004-suscribirse-rss.xml

@@ -14,41 +14,41 @@
 
 			<p>En primer lugar vamos a instalar Feeder, un cliente de RSS de software libre para Android.</p>
 
-			<img src="/img/rss/1.jpg" alt="Captura de pantalla de la aplicación Feeder en el Play Store."/>
+			<img src="/img/rss/1.webp" alt="Captura de pantalla de la aplicación Feeder en el Play Store."/>
 
 			<p>Ahora visitarémos bajarémos abajo del todo de cualquier página de Burguillos.info y veremos un botón morado con un punto y dos curvas que nos indicará que nos suscribamos.</p>
 
-			<img src="/img/rss/2.jpg" alt="Captura de pantalla del botón de suscribirse."/>
+			<img src="/img/rss/2.webp" alt="Captura de pantalla del botón de suscribirse."/>
 			<p>Procederemos a dejar presionado sobre el botón hasta que nos aparezca este menú.</p>
 
-			<img src="/img/rss/3.jpg" alt="Menú en el que seleccionar copiar enlace"/>
+			<img src="/img/rss/3.webp" alt="Menú en el que seleccionar copiar enlace"/>
 			<p>Es muy importante que verifiquemos que la url termina en all.xml, si no nos habremos equivocado de botón, el otro idéntico es para suscribirse solo a una categoría, lo cual es útil si por ejemplo solo quieres enterarte de las noticias relacionadas con el autobús.</p>
 
 			<p>Una vez verificado, procederemos a pulsar sobre copiar enlace y abriremos Feeder, la aplicación que acabamos de descargar.</p>
 			
 			<p>Una vez abierta pulsaremos en la esquina superior derecha sobre los tres puntos y veremos esta pantalla:</p>
 
-			<img src="/img/rss/4.jpg" alt="Feeder con el menú abierto."/>
+			<img src="/img/rss/4.webp" alt="Feeder con el menú abierto."/>
 
 			<p>Pulsaremos sobre "Add Feed" y nos saldrá esto:</p>
 
-			<img src="/img/rss/5.jpg" alt="Feeder con un cuadro de dialogo para añadir feed abierto."/>
+			<img src="/img/rss/5.webp" alt="Feeder con un cuadro de dialogo para añadir feed abierto."/>
 
 			<p>Dejamos presionado hasta que nos aparezca la opción de pegar el texto que copiamos antes y lo pegamos.</p>
 
-			<img src="/img/rss/6.jpg" alt="Feeder con un cuadro de dialogo para añadir feed abierto con el siguiente contenido 'https://burguillos.info/all.rss'."/>
+			<img src="/img/rss/6.webp" alt="Feeder con un cuadro de dialogo para añadir feed abierto con el siguiente contenido 'https://burguillos.info/all.rss'."/>
 
 			<p>Hecho esto pulsamos sobre buscar y si lo hemos hecho todo bien veremos lo siguiente:</p>
 
-			<img src="/img/rss/7.jpg" alt="Feeder con un cuadro de dialogo para añadir feed abierto con el siguiente contenido 'https://burguillos.info/all.rss' y abajo un dialogo mostrando los datos de Feed de Burguillos.info."/>
+			<img src="/img/rss/7.webp" alt="Feeder con un cuadro de dialogo para añadir feed abierto con el siguiente contenido 'https://burguillos.info/all.rss' y abajo un dialogo mostrando los datos de Feed de Burguillos.info."/>
 			
 			<p>Pulsamos sobre el elemento que ha aparecido debajo del cuadro de busqueda y pasaremos a otra pantalla donde deberemos desplazarnos abajo del todo.</p>
 
-			<img src="/img/rss/8.jpg" alt="Un dialogo donde se muestran preferencias para el Feed"/>
+			<img src="/img/rss/8.webp" alt="Un dialogo donde se muestran preferencias para el Feed"/>
 
 			<p>Cuando pulsemos "Ok" habremos conseguido suscribirnos a Burguillos.info.</p>
 
-			<img src="/img/rss/9.jpg" alt="Las noticias de Burguillos.info ahora aparecen listadas en la aplicación."/>
+			<img src="/img/rss/9.webp" alt="Las noticias de Burguillos.info ahora aparecen listadas en la aplicación."/>
 
 			<p>RSS es más divertido cuando te suscribes a todos los sitios web que te interesen que provean RSS, de ese modo puedes ser el primero en enterarte de todo lo que esté pasando, y de forma totalmente anónima.</p>
 		</div>

content/posts/0000005-kiosco-noemi.xml

@@ -3,7 +3,7 @@
 	<date>2022-11-11T23:09+00:00</date>
 	<title>Carta y Menú de la Tienda de Noemi en Burguillos.</title>
 	<last_modification_date>2023-05-03T20:10+00:00</last_modification_date>
-    <img src="/img/noemi.jpg"/>
+    <img src="/img/noemi.webp"/>
 	<ogdesc>Carta y Menú de la Tienda de Noemi en Burguillos.</ogdesc>
 	<category>donde-comer</category>
 	<slug>tienda-noemi</slug>
@@ -12,7 +12,7 @@
     </attributes>
 	<content>
         <h2>Hamburguesas, Pollofres, Gofres, Buñuelos, Montaditos, Salchipapas, entra y descubrelo.</h2>
-        <img alt="Front door of the shop Tienda Noemi" style="border: solid 1px black;" src="/img/noemi.jpg"/>
+        <img alt="Front door of the shop Tienda Noemi" style="border: solid 1px black;" src="/img/noemi.webp"/>
 		<p>Hoy os traemos un negocio de nueva apertura, "La Tienda de Noemi" localizado en Calle Albahaca Local 2 ACC, ideal para comer en Burguillos.</p>
 
 		<p>Este negocio abre de 17:00 a 22:00 de Lunes a Jueves y de 17:00 a 00:00 de Viernes a Domingo.</p>

content/posts/0000006-evento-mairami.xml

@@ -4,7 +4,7 @@
 	<title>Cartel de Cuentacuentos Infantil "Don Juan Tenorio".</title>
 	<ogdesc>Cartel de Cuentacuentos Infantil "Don Juan Tenorio".</ogdesc>
 	<category>index</category>
-	<img src="/img/mairami-preview.png"/>
+	<img src="/img/mairami-preview.webp"/>
 	<slug>cuentacuentos-infantil-don-juan-tenorio</slug>
 	<content>
 		<p>Hoy os traemos información de una representación teatral que se ha producido este mismo día en Alcalá del Rio.</p>
@@ -12,7 +12,7 @@
 		<p>La obra ha sido representada por la Asociación de Teatro Mairami cuyos origenes están fuertemente ligados a Burguillos y los habitantes de Burguillos profesamos infinito cariño por los que conforman esta asociación por su inestimable contribución a la propagación de la cultura.</p>
 
 		<p>Adjuntamos algunas imágenes relevantes, el cartel de la obra y una fotografía de otra representación que muestra a una parte de los actores de Mairami.</p>
-		<img alt="Cartel de la obra." src="/img/mairami-1.jpg"/>
-		<img alt="Elenco de actores." src="/img/mairami-2.jpg"/>
+		<img alt="Cartel de la obra." src="/img/mairami-1.webp"/>
+		<img alt="Elenco de actores." src="/img/mairami-2.webp"/>
 	</content>
 </post>

content/posts/0000007-mas-informacion-cuentacuentos.xml

@@ -4,7 +4,7 @@
 	<title>Información fresca del Cuentacuentos de Mairami del 2022/11/12.</title>
 	<ogdesc>Información fresca del Cuentacuentos de Mairami del 2022/11/12.</ogdesc>
 	<category>index</category>
-	<img src="/img/mairami-preview.png"/>
+	<img src="/img/mairami-preview.webp"/>
 	<slug>cuentacuentos-infantil-don-juan-tenorio-imagenes</slug>
 	<content>
 		<p>En la tarde de ayer 12 de noviembre, la Compañía de teatro MAIRAMI, realizó un Cuentacuentos basado en la obra de José Zorrilla "Don Juan Tenorio", una versión que combina verso y prosa, con semejanzas actuales para que el público infantil pueda entender los entresijos de esta obra maestra.</p>
@@ -13,11 +13,11 @@
 		<p>Ademas traemos las cuentas de Instagram y Facebook de Mairami para que podais seguir todas sus novedades <a href="https://www.instagram.com/teatro_mairami/">@teatro_mairami</a> y <a href="https://es-es.facebook.com/ACMairami/">A.C. Mairami</a>
 
 		<p>Sin más demora ahí van las imagenes y el vídeo completo.</p>
-		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/1.jpg"/>	
-		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/2.jpg"/>	
-		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/3.jpg"/>	
-		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/4.jpg"/>	
-		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/5.jpg"/>	
+		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/1.webp"/>	
+		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/2.webp"/>	
+		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/3.webp"/>	
+		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/4.webp"/>	
+		<img alt="La compañia mairami interpreta un cuentacuentos de Don Juan Tenorio" src="/img/mairami-cuentacuentos/5.webp"/>	
 		<video src="/vid/cuentacuentos-don-juan-tenorio-mairami.mp4" controls/>
 	</content>
 </post>

content/posts/0000008-taller-de-macrame.xml

@@ -4,10 +4,10 @@
 	<title>Últimas plazas para Taller de Macrame.</title>
 	<ogdesc>Últimas plazas para Taller de Macrame.</ogdesc>
 	<category>talleres</category>
-	<img src="/img/poster-macrame-preview.png"/>
+	<img src="/img/poster-macrame-preview.webp"/>
 	<slug>ultimas-plazas-taller-de-macrame</slug>
 	<content>
-		<img alt="Poster del taller" src="/img/poster-macrame.png"/>
+		<img alt="Poster del taller" src="/img/poster-macrame.webp"/>
 
 		<p>Ultima hora, nos hemos enterado de un taller de Macramé planeado para el 26 de Noviembre de 10:00 a 18:00 en la Mercería la Gallina Costurera localizada en Avenida Pepe Luna.</p>
 		<p>El taller está organizado por Maka Guijo y costará 45€ por persona.</p>

content/posts/0000009-venta-de-calendarios-nala.xml

@@ -4,10 +4,10 @@
 	<title>Venta de calendarios de la Plataforma N.A.L.A.</title>
 	<ogdesc>Venta de calendarios de la Plataforma N.A.L.A.</ogdesc>
 	<category>animales-y-mascotas</category>
-	<img src="/img/plataforma-nala-preview.png"/>
+	<img src="/img/plataforma-nala-preview.webp"/>
 	<slug>venta-de-calendarios-plataforma-nala</slug>
 	<content>
-		<img alt="Logo plataforma NALA" src="/img/plataforma-nala.png"/>
+		<img alt="Logo plataforma NALA" src="/img/plataforma-nala.webp"/>
 		<p>Plataforma N.A.L.A. es una entidad que se dedica a buscar un hogar a mascotas abandonadas en las cercanias de Burguillos.</p>
 
 		<p>Debido al deplorable estado en el que suelen encontrarse a los animales y a la necesidad de esterilizarlos antes de darlos en adopción para evitar la proliferación de más animales abandonados, N.A.LA acumula durante el año deudas veterinarias que sufraga con la emisión de un calendario solidario.</p>

content/posts/0000010-clases-de-guitarra-eduardo.xml

@@ -4,10 +4,10 @@
 	<title>Clases de Guitarra con Eduardo Trassierra.</title>
 	<ogdesc>Clases de Guitarra con Eduardo Trassierra.</ogdesc>
 	<category>talleres</category>
-	<img src="/img/eduardo-trasierra-preview.png"/>
+	<img src="/img/eduardo-trasierra-preview.webp"/>
 	<slug>clases-guitarra-eduardo-trassierra</slug>
 	<content>
-		<img alt="Imagen de las clases de guitarra, el profesor Eduardo Trassierra" src="/img/eduardo-trasierra.jpg"/>
+		<img alt="Imagen de las clases de guitarra, el profesor Eduardo Trassierra" src="/img/eduardo-trasierra.webp"/>
 		<p>Os informamos de que se ha abierto el plazo de inscripción para clases de guitarra impartidas por Eduardo Trassierra, un reputado guitarrista a escala nacional.</p>
 
 		<p>Las clases estarán localizadas en nuestro municipio, Burguillos.</p>

content/posts/0000011-fin-de-semana-de-cultura.xml

@@ -4,10 +4,10 @@
 	<title>Fin de semana de cultura.</title>
 	<ogdesc>Fin de semana de cultura.</ogdesc>
 	<category>index</category>
-	<img src="/img/portada-certamen-teatro-preview.png"/>
+	<img src="/img/portada-certamen-teatro-preview.webp"/>
 	<slug>fin-de-semana-de-cultura</slug>
 	<content>
-		<img alt="Cartel de las obras." src="/img/portada-certamen-teatro.jpg"/>
+		<img alt="Cartel de las obras." src="/img/portada-certamen-teatro.webp"/>
 		<p>Hoy nos hacemos eco de una noticia que hemos encontrado en la página web del ayuntamiento, el XII Certamen de Teatro de Burguillos.</p>
 		<p>Vamos a proceder a fusilar el artículo para que lo podáis leer aquí y dejaremos el enlace para que podaís visitar el original:</p>
 		<p>No hagas planes para este fin de semana y vive con nosotros el <a href="https://www.facebook.com/hashtag/certamen">#Certamen</a> de <a href="https://www.facebook.com/hashtag/teatro">#Teatro</a> "Villa de <a href="https://www.facebook.com/hashtag/burguillos">#Burguillos</a>" Os mostramos las obras seleccionadas y los horarios de representación:</p>

content/posts/0000012-bar-el-bocaton.xml

@@ -5,7 +5,7 @@
 	<title>El Bocatón - Burguillos - Carta y Menú</title>
 	<ogdesc>El Bocatón - Burguillos - Carta y Menú</ogdesc>
 	<category>donde-comer</category>
-	<img src="/img/bocaton-preview.png"/>
+	<img src="/img/bocaton-preview.webp"/>
 	<slug>el-bocaton</slug>
     <attributes>
         <attribute>reparto-a-domicilio-comida</attribute>
@@ -14,7 +14,7 @@
     </attributes>
 	<content>
         <h2>Café - Bar - Pastelería - Pizzeria - Hamburguesería</h2>
-		<img alt="Exterior del Bar Bocatón." src="/img/bocaton-4.jpg"/>
+		<img alt="Exterior del Bar Bocatón." src="/img/bocaton-4.webp"/>
 		<p>Damos la bienvenida a un nuevo negocio al directorio de Burguillos.info, El Bocatón.</p>
 
 		<p>El Bocatón es un Café - Bar ubicado al lado del Parque del Barrio Lejos, (Calle Naranjo, 11) ideal para tomarte algo mientras tus hijos juegan en el parque.</p>
@@ -52,7 +52,7 @@
 		<h3>Chapata Pizza</h3>
 
 		<p>Adjuntamos imagen de la Chapata Pizza para que podáis verla antes de mostar las opciones.</p>
-		<img alt="Chapata Pizza" src="/img/chapata-pizza.jpg"/>
+		<img alt="Chapata Pizza" src="/img/chapata-pizza.webp"/>
 
 		<ol>
 			<li>Completa con dos ingredientes. <b>4€</b></li>

content/posts/0000013-obra-el-silencio.xml

@@ -5,9 +5,9 @@
 	<ogdesc>¡Silencio, se piensa!.</ogdesc>
 	<category>index</category>
 	<slug>silencio-se-piensa</slug>
-	<img src="/img/silencio-se-piensa-preview.png"/>
+	<img src="/img/silencio-se-piensa-preview.webp"/>
 	<content>
-		<img alt="Portada silencio, se piensa" src="/img/silencio-se-piensa-1.jpg">
+		<img alt="Portada silencio, se piensa" src="/img/silencio-se-piensa-1.webp">
 		<p>Hemos recibido información adicional de la obra de teatro del día 2022/11/19, desde Burguillos.info procedemos a comunicaros las novedades:</p>
 
 		<p>🎭 Continuamos con el Certamen de teatro “Villa de Burguillos “ con la 2da compañía finalista , Producciones  el  dramaturgo de Jerez de la Frontera ( Cádiz) y que estrenan en primicia su obra : ¡Silencio, se piensa ! Escrita por José Mateos , director de la compañía. Los jóvenes actores Luis Guerrero y Emilio Rosales son los en cargados de envolvernos  en esta magnífica historia que narra  el futuro incierto de dos actores que acaban de quedarse sin trabajo... obra que recurre al auto sacramental como género clásico poco usado hoy día por los dramaturgos contemporáneos . Estilo que ejercen de forma magistral induciendo sutilmente al bonito ejercicio de pensar con profundidad y espíritu autocrítico. ¿¿Te vas a perder esta oportunidad?? Te esperamos a las 20 :00 H en el teatro municipal. 🎭</p>

content/posts/0000014-policlinica-burguillos.xml

@@ -6,10 +6,10 @@
     <last_modification_date>2023-05-03T00:59+00:00</last_modification_date>
 	<category>comercios</category>
 	<slug>centro-medico-juan-manuel-perez-sanchez</slug>
-	<img src="/img/policlinica-burguillos-preview.png"/>
+	<img src="/img/policlinica-burguillos-preview.webp"/>
 	<content>
         <h2>Clinica Dental, Ortodoncia, Pedagogía y Podolologia en Burguillos.</h2>
-		<img alt="Cartel de Centro Médico Juan Manuel Pérez Sanchez" src="/img/policlinica-burguillos-2.jpg"/>
+		<img alt="Cartel de Centro Médico Juan Manuel Pérez Sanchez" src="/img/policlinica-burguillos-2.webp"/>
 		<p>La clínica Juan Manuel Pérez Sanchez es un centro de atención a la salud dedicado a las siguientes especialidades:</p>
 
 		<ul>
@@ -25,6 +25,6 @@
 
 		<p>Localizado en Calle la Fuente número 24.</p>
 
-		<img alt="Entrada de la clínica" src="/img/policlinica-burguillos-1.jpg"/>
+		<img alt="Entrada de la clínica" src="/img/policlinica-burguillos-1.webp"/>
 	</content>
 </post>

content/posts/0000015-meson-bar-cristobal.xml

@@ -9,10 +9,10 @@
     <attributes>
         <attribute>hamburguesas</attribute>
     </attributes>
-	<img src="/img/cristobal-preview.png"/>
+	<img src="/img/cristobal-preview.webp"/>
 	<content>
         <h2 style="background: black; color: red;">Menú actualizado con nuevos precios y productos 2023-05-03</h2>
-		<img alt="Entrada al Mesón - Bar Cristobal." src="/img/cristobal.jpg"/>
+		<img alt="Entrada al Mesón - Bar Cristobal." src="/img/cristobal.webp"/>
 		<p>El Mesón - Bar Cristobal ubicado en la Calle los Palmeros número 30 es una opción ideal para tomarte un café o comer en Burguillos.</p>
 		<p>Además acepta pedidos a domicilio durante los meses Noviembre, Diciembre, Enero y Febrero de Martes a Domingo durante las noches.</p>
 

content/posts/0000016-social-burguillos-info.xml

@@ -4,7 +4,7 @@
 	<title>Diaspora para las masas.</title>
 	<ogdesc>Diaspora para las masas.</ogdesc>
 	<category>index</category>
-	<img src="/img/diaspora-article-preview.png"/>
+	<img src="/img/diaspora-article-preview.webp"/>
 	<slug>social-burguillos-info</slug>
 	<content>
                 <h3 style="color: red; background: black;">Este servicio ha sido temporalmente descontinuado por falta de actualizaciones por parte de sus desarrolladores. Disculpen las molestias</h3>
@@ -18,24 +18,24 @@
 
 		<p>En primer lugar en la parte de abajo de la web podrás encontrar un nuevo icono a parte del ya conocido de suscripción por RSS, uno que es una suerte de asteristo con un circulo negro alrededor.</a>
 
-		<img alt="Indicaciones para encontrar el icono de suscripción por Diaspora" style="border: solid 1px black;" src="/img/diaspora-article-image-1.png"/>
+		<img alt="Indicaciones para encontrar el icono de suscripción por Diaspora" style="border: solid 1px black;" src="/img/diaspora-article-image-1.webp"/>
 
 		<p>Al pulsar sobre el llegarás a nuestro perfil en dicha red.</p>
-		<img alt="Perfil de Burguillos.info en Diaspora." style="border: solid 1px black;" src="/img/diaspora-article-image-2.png"/>
+		<img alt="Perfil de Burguillos.info en Diaspora." style="border: solid 1px black;" src="/img/diaspora-article-image-2.webp"/>
 
 		<p>No obstante aun no podremos seguir a la cuenta porque aun no nos hemos registrado. Como he dicho, podemos seguir a Burguillos.info desde cualquier instancia, puedes elegir una de <a href="https://diaspora.fediverse.observer/">diaspora.fediverse.observer</a> o usar la propia de Burguillos.info, en este caso voy a seguir el tutorial desde la instancia de Burguillos.info.</p>
 
-		<img alt="Perfil de Burguillos.info en Diaspora con la opción de registrarse marcada." style="border: solid 1px black;" src="/img/diaspora-article-image-3.png"/>
+		<img alt="Perfil de Burguillos.info en Diaspora con la opción de registrarse marcada." style="border: solid 1px black;" src="/img/diaspora-article-image-3.webp"/>
 
 		<p>Pulsamos sobre "Create account" para registrarnos y empezar a disfrutar Diaspora.</p>
 
-		<img alt="Datos de inscripción rellenos." style="border: solid 1px black;" src="/img/diaspora-article-image-4.png"/>
+		<img alt="Datos de inscripción rellenos." style="border: solid 1px black;" src="/img/diaspora-article-image-4.webp"/>
 
 		<p>Rellenamos la información con nuestro correo electrónico, nombre de usuario, contraseña repetida dos veces y resolvemos la comprobación de que somos humanos, para despues presionar de nuevo en "Create Account".</p>
 
 		<p>Si tienes dificultades en este paso o cualquier otro contacta con <a href="mailto:contact@owlcode.tech">contact@owlcode.tech</a>.</p>
 
-		<img alt="Menú pidiendonos más datos que queramos incluir." style="border: solid 1px black;" src="/img/diaspora-article-image-5.png"/>
+		<img alt="Menú pidiendonos más datos que queramos incluir." style="border: solid 1px black;" src="/img/diaspora-article-image-5.webp"/>
 
 		<p>Una vez hayamos completado la inscripción con exito aparecerá una nueva pantalla ofreciendonos a introducir más información para hacer la experiencia mejor como un avatar y hashtags para que otros usuarios sepan cuales son tus intereses.</p>
 
@@ -43,29 +43,29 @@
 
 		<p>Una vez hayas terminado de personalizar a tu gusto tu cuenta, pulsamos sobre "Awesome! Take me to diaspora* >>"</p>
 
-		<img alt="Vista principal de Diaspora*." style="border: solid 1px black;" src="/img/diaspora-article-image-6.png"/>
+		<img alt="Vista principal de Diaspora*." style="border: solid 1px black;" src="/img/diaspora-article-image-6.webp"/>
 
 		<p>Al llegar a esta imagen habremos terminado el proceso de registro en Diaspora*, ahora querremos seguir a Burguillos.info, para ello pulsamos en el icono de suscripción en la parte de abajo de este artículo.</p>
 
-		<img alt="Indicaciones para encontrar el icono de suscripción por Diaspora" style="border: solid 1px black;" src="/img/diaspora-article-image-1.png"/>
+		<img alt="Indicaciones para encontrar el icono de suscripción por Diaspora" style="border: solid 1px black;" src="/img/diaspora-article-image-1.webp"/>
 
 		<p>Seguimos el enlace.</p>
 
-		<img alt="El perfil de Burguillos.info con el nombre de usuario al estilo email seleccionado." style="border: solid 1px black;" src="/img/diaspora-article-image-7.png"/>
+		<img alt="El perfil de Burguillos.info con el nombre de usuario al estilo email seleccionado." style="border: solid 1px black;" src="/img/diaspora-article-image-7.webp"/>
 
 		<p>Seleccionamos el nombre de usuario, que será siempre parecido a una dirección de correo electrónico.</p>
 
-		<img alt="El nombre de usuario copiado en la barra de busqueda." style="border: solid 1px black;" src="/img/diaspora-article-image-8.png"/>
+		<img alt="El nombre de usuario copiado en la barra de busqueda." style="border: solid 1px black;" src="/img/diaspora-article-image-8.webp"/>
 
 		<p>Copiamos dicho nombre en la barra de busqueda y pulsamos intro.</p>
 
-		<img alt="La nueva pantalla tras pulsar sobre add contact y indicando que se pulse sobre Acquaintances." style="border: solid 1px black;" src="/img/diaspora-article-image-9.png"/>
+		<img alt="La nueva pantalla tras pulsar sobre add contact y indicando que se pulse sobre Acquaintances." style="border: solid 1px black;" src="/img/diaspora-article-image-9.webp"/>
 
 		<p>Pulsamos sobre "Add contact" y aparecerá un menú desplegable donde pulsaremos sobre Acquaintances para indicar que eres conocido de Burguillos.info, con usuarios con los que tengas mayor confianza puedes pulsar Family, Friend o Work, de ese modo puedes redactar tus posts para que lleguen solo a las personas que deseés.</p>
 
 		<p>Cuando lo hagas y pulses a "stream", verás que en tu timeline ya aparecen los posts de Burguillos.info.</p>
 
-		<img alt="Timeline lleno de posts de Burguillos.info" style="border: solid 1px black;" src="/img/diaspora-article-image-10.png"/>
+		<img alt="Timeline lleno de posts de Burguillos.info" style="border: solid 1px black;" src="/img/diaspora-article-image-10.webp"/>
 
 		<p>Tan solo me queda desearte una feliz estancia en Diaspora*.</p>
 		

content/posts/0000017-servidor-de-chat-burguillos.xml

@@ -4,7 +4,7 @@
 	<title>Servidor de chat de Burguillos.</title>
 	<ogdesc>Servidor de chat de Burguillos.</ogdesc>
 	<category>index</category>
-	<img src="/img/xmpp-preview.png"/>
+	<img src="/img/xmpp-preview.webp"/>
 	<slug>chat-burguillos</slug>
 	<content>
 		<p>Desde Burguillos.info creemos en las tecnologías de comunicación descentralizadas, debido a ello configuramos hace poco un servidor de Diaspora* para que los burguilleros y burguilleras puedan usarlo como foro sustituyendo a Facebook.</p>
@@ -26,22 +26,22 @@
 		<p>En primer lugar tendrás que descargar un cliente de XMPP, os recomiendo usar <a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations&gl=US">Conversations</a> ya que implementa encriptación de extremo a extremo, lo que significa que el dueño de tu servidor nunca podrá leer tus mensajes. (Si usas bien esa feature verificando las claves para evitar que sean interceptadas.)</p>
 
 		<p>Una vez lo hayas instalado, cuando abras la nueva aplicación encontrarás una pantalla como esta.</p>
-		<img alt="Pantalla de bienvenida de Conversations" src="/img/xmpp-1.jpg"/>
+		<img alt="Pantalla de bienvenida de Conversations" src="/img/xmpp-1.webp"/>
 
 		<p>Como aun no tenemos una cuenta pulsaremos sobre "Create new account".</p>
 
-		<img alt="Pantalla de selección entre servidor por defecto o custom." src="/img/xmpp-2.jpg"/>
+		<img alt="Pantalla de selección entre servidor por defecto o custom." src="/img/xmpp-2.webp"/>
 
 		<p>Una vez hayamos pulsado nos hará una nueva pregunta, si queremos usar el proveedor de Conversations.im o otro.</p>
 
 		<p>Para favorecer la descentralización y aprovechar el servidor del pueblo pulsaremos sobre "Use my own provider", si quisieses escoger la primera opción también podrías hablar con la gente suscrita a Burguillos.info, la única desventaja es que no podrías ver las salas públicas creadas en Burguillos.info, tendrías que buscarlas manualmente por su nombre.</p>
 
-		<img alt="Pantalla de introducción de datos" src="/img/xmpp-3.jpg"/>
+		<img alt="Pantalla de introducción de datos" src="/img/xmpp-3.webp"/>
 
 		<p>Ahora la aplicación nos pide que introduzcamos el nuevo usuario a crear, para crear tu nombre de usuario deberás hacerlo como si fuese un email terminado en @burguillos.info, por ejemplo manuelsanchez@burguillos.info, anarodriguez@burguillos.info, asociacionX@burguillos.info...</p>
 		<p>Debes tener cuídado al introducir la contraseña, ya que si la pierdes no tendrás ninguna forma de recuperarla y perderás el acceso a la cuenta, de todos modos crear una nueva es gratis y puedes tener tantas como quieras.</p>
 
-		<img alt="Pantalla de selección de avatar" src="/img/xmpp-4.jpg"/>
+		<img alt="Pantalla de selección de avatar" src="/img/xmpp-4.webp"/>
 
 		<p>Ahora nos da la opción de introducir un avatar para hacer nuestra cuenta única y que la gente pueda reconocernos en la red, un avatar es una pequeña imagen que puede ser una foto tuya, de tu mascota, de algo que te guste...</p>
 

content/posts/0000018-25-n-di-no-a-la-violencia-machista.xml

@@ -5,9 +5,9 @@
 	<ogdesc>Di no a la violencia machísta.</ogdesc>
 	<category>index</category>
 	<slug>25-n-di-no-a-la-violencia-machista</slug>
-	<img src="/img/feminismo.png"/>
+	<img src="/img/feminismo.webp"/>
 	<content>
-		<img alt="Simbolo feminista" src="/img/feminismo.jpg"/>
+		<img alt="Simbolo feminista" src="/img/feminismo.webp"/>
 		<p>Hoy, día 25 de Noviembre se celebra el día contra la violencia machísta.</p>
 
 		<p>Se estima que el setenta por ciento de las mujeres sufre este tipo de violencia a lo largo de su vida<sup><a href="#cita1">1</a></sup></p>

content/posts/0000019-problemas-tecnicos.xml

@@ -4,12 +4,12 @@
 	<title>Problemas técnicos.</title>
 	<ogdesc>Explicación sobre porque no se ha podido acceder a la web estos últimos días.</ogdesc>
 	<category>index</category>
-	<img src="/img/fibra-cortada.jpg"/>
+	<img src="/img/fibra-cortada.webp"/>
 	<slug>problemas-tecnicos</slug>
 	<content>
             <h3>Burguillos.info ha vuelto a la normalidad tras 5 días inoperativo, te explicamos las razones.</h3>
 
-            <img style="border: 1px black solid;" src="/img/fibra-cortada.jpg" alt="A fiber cable cutted down"/>
+            <img style="border: 1px black solid;" src="/img/fibra-cortada.webp" alt="A fiber cable cutted down"/>
 
             <p>En burguillos.info siempre hemos pensado que tenía lógica tener el servidor localizado en Burguillos y no
             en otro país como Alemania. Debido a que ningún proveedor de VPS tiene localización en nuestro municipio decidimos

content/posts/0000020-subida-de-precio-autobuses.xml

@@ -4,12 +4,12 @@
 	<title>Subida de precio de los autobuses.</title>
 	<ogdesc>Precios premium por un servicio tercermundista, el estado actual de los autobuses de Burguillos.</ogdesc>
 	<category>index</category>
-    <img src="/img/autobus-burguillos-tercer-mundo.jpg"/>
+    <img src="/img/autobus-burguillos-tercer-mundo.webp"/>
 	<slug>subida-precio-autobus-burguillos</slug>
 	<content>
         <h3>Precios premium por un servicio tercermundista, el estado actual de los autobuses de Burguillos.</h3>
 
-        <img style="border: 1px black solid;" src="/img/autobus-burguillos-tercer-mundo.jpg" alt="Image of an overloaded bus in a third world country."/>
+        <img style="border: 1px black solid;" src="/img/autobus-burguillos-tercer-mundo.webp" alt="Image of an overloaded bus in a third world country."/>
         
         <p>Damas ha incrementado una vez más el precio del autobús de 2.31€ a <b>2.50€</b>,
         mientras el descuento del gobierno nos llega mal y tarde.</p>

content/posts/0000021-pizzeria-los-naranjos.xml

@@ -4,7 +4,7 @@
     <last_modification_date>2023-05-03T15:35+00:00</last_modification_date>
 	<title>Carta y Menú de Los Naranjos en Burguillos.</title>
 	<ogdesc>Carta y Menú de Los Naranjos en Burguillos.</ogdesc>
-    <img src="/img/pizzeria-los-naranjos-preview.png"/>
+    <img src="/img/pizzeria-los-naranjos-preview.webp"/>
 	<category>donde-comer</category>
 	<slug>pizzeria-los-naranjos</slug>
     <attributes>
@@ -14,7 +14,7 @@
     </attributes>
 	<content>
         <h2>Pizzería, Hamburguesería, Kebab, Pescado, Aliños.</h2>
-        <img style="border: 1px black solid;" src="/img/pizzeria-los-naranjos.jpg" alt="The front door of the pizzeria"/>
+        <img style="border: 1px black solid;" src="/img/pizzeria-los-naranjos.webp" alt="The front door of the pizzeria"/>
         <p>Hoy añadimos a este directorio un clásico en las cenas de los fines
             de semana de los habitantes de Burguillos, la Pizzería los Naranjos.</p>
 

lib/BurguillosInfo.pm

@@ -36,7 +36,7 @@ sub startup ($self) {
     $r->get('/<:category>.rss')->to('Page#category_rss');
     $r->get('/:category_slug/atributo/:attribute_slug')->to('Attribute#get');
     $r->get('/:category')->to('Page#category');
-    $r->get('/posts/<:slug>-preview.png')->to('Page#get_post_preview');
+    $r->get('/posts/<:slug>-preview.webp')->to('Page#get_post_preview');
     $r->get('/posts/:slug')->to('Page#post');
     $r->get('/filtros')->to('Filter#list');
     $r->get('/filtros/:slug')->to('Filter#get');

lib/BurguillosInfo/Controller/Page.pm

@@ -119,7 +119,7 @@ sub post {
         return;
     }
     my $current_category = $categories->{ $post->{category} };
-    $self->stash(ogimage => 'https://burguillos.info/posts/'.$post->{slug}.'-preview.png');
+    $self->stash(ogimage => 'https://burguillos.info/posts/'.$post->{slug}.'-preview.webp');
     $self->stash(useragent => $self->req->headers->user_agent);
     $self->render( post => $post, current_category => $current_category );
 }
@@ -151,7 +151,7 @@ sub get_post_preview {
 	}
 	my $post = $posts_slug->{$slug};
 	$self->render(
-		format => 'png',
+		format => 'webp',
 		data => $post_model->PostPreviewOg($post)
 	);
 }

lib/BurguillosInfo/Posts.pm

@@ -24,7 +24,7 @@ const my $CURRENT_FILE    => __FILE__;
 const my $ROOT_PROJECT    => path($CURRENT_FILE)->parent->parent->parent;
 const my $PUBLIC_DIR      => $ROOT_PROJECT->child('public');
 const my $POSTS_DIR       => $ROOT_PROJECT->child('content/posts');
-const my $BURGUILLOS_LOGO => $PUBLIC_DIR->child('img/burguillos.png');
+const my $BURGUILLOS_LOGO => $PUBLIC_DIR->child('img/burguillos.webp');
 const my $SVG_WIDTH       => 1200;
 const my $SVG_HEIGHT      => 627;
 const my $SVG_EMBEDDED_IMAGE_MAX_WIDTH  => 1000;
@@ -219,7 +219,7 @@ sub PostPreviewOg {
     my $svg =
       $self->_GenerateSVGPostPreview( $title, \@new_content, $post->{image} );
     my ( $stdout, $stderr ) = capture {
-        open my $fh, '|-', qw{convert /dev/stdin png:fd:1};
+        open my $fh, '|-', qw{convert /dev/stdin webp:fd:1};
         binmode $fh, 'utf8';
         print $fh $svg;
         close $fh;
@@ -276,7 +276,7 @@ sub _GenerateSVGPostPreview {
     my $content = shift;
     my $image   = shift;
     if ($image =~ /\.jpe?g$/) {
-        my $new_image = $image =~ s/\.jpe?g$/.generated.png/r;
+        my $new_image = $image =~ s/\.jpe?g$/.generated.webp/r;
         my $dir = 'public';
         if (!-e $new_image) {
             system 'convert', "$dir/$image", "$dir/$new_image";
@@ -313,7 +313,7 @@ sub _GenerateSVGPostPreview {
         y      => 5,
         width  => 40,
         height => 40,
-        -href  => 'data:image/png;base64,'
+        -href  => 'data:image/webp;base64,'
           . encode_base64( $BURGUILLOS_LOGO->slurp )
     );
     $group->text(

public/css/styles.css

@@ -17,7 +17,7 @@ body {
     /* For at least Firefox */
     min-height: 100%;
     color: #2f4f4f;
-    background: url(../img/parque_patos.jpg);
+    background: url(../img/parque_patos.webp);
     filter: blur(10px);
     background-size: cover;
     overflow: hidden; }

public/css/styles.scss

@@ -1,4 +1,4 @@
-$background: url(../img/parque_patos.jpg);
+$background: url(../img/parque_patos.webp);
 $background-page: #FEFEFA;
 $color: #2f4f4f;
 $color-page: #666362;

templates/layouts/default.html.ep

@@ -23,8 +23,8 @@
       <meta name="image" property="og:image" content="<%= $ogimage %>?v=3"/>
       <meta name="twitter:image" content="<%=$ogimage%>" />
 % } else {
-      <meta name="image" property="og:image" content="<%=$base_url%>/img/burguillos.png?v=4">
-      <meta name="twitter:image" content="<%=$base_url%>/img/burguillos.png?v=4">
+      <meta name="image" property="og:image" content="<%=$base_url%>/img/burguillos.webp?v=4">
+      <meta name="twitter:image" content="<%=$base_url%>/img/burguillos.webp?v=4">
 % }
       <meta name="twitter:card" content="summary_large_image"/>
       <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

templates/layouts/stats.html.ep

@@ -8,7 +8,7 @@
 		</div>
 		<div class="page-contents">
 			<nav class="desktop">
-				<a href="/stats"><img class="index-image-menu" src="/img/burguillos.png"</img></a>
+				<a href="/stats"><img class="index-image-menu" src="/img/burguillos.webp"</img></a>
 			</nav>
 			<%= content %>
 		</div>

templates/page/_mobile_menu.html.ep

@@ -3,8 +3,8 @@
     <a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
     <div></div>
     <a href="#mobile-foldable" class="menu-expand">
-        <img class="open-menu-icon" src="/img/hamburger-menu-yellow.png" alt="Expandir el menú."/>
-        <img class="open-menu-icon-hover" src="/img/hamburger-menu-purple.png" alt="Expandir el menú."/>
+        <img class="open-menu-icon" src="/img/hamburger-menu-yellow.webp" alt="Expandir el menú."/>
+        <img class="open-menu-icon-hover" src="/img/hamburger-menu-purple.webp" alt="Expandir el menú."/>
     </a>
 </nav>
 <nav class="mobile-foldable" id="mobile-foldable"><% 

templates/page/post.html.ep

@@ -9,7 +9,7 @@
 % my $description_og = '<div>'.$post->{content}.'</div>';
 % $description_og = Mojo::DOM->new($description_og)->all_text;
 % my $base_url = config 'base_url';
-% layout 'default', current_category_slug => $current_category->{slug}, categories => $categories, description_og => $description_og, ogimage => "$base_url/posts/$post->{slug}-preview.png?v=4";
+% layout 'default', current_category_slug => $current_category->{slug}, categories => $categories, description_og => $description_og, ogimage => "$base_url/posts/$post->{slug}-preview.webp?v=4";
 % title $post->{title};
 <div class="description">
 	<h1><%= $post->{title} %></h1>