Imagen en formato WebP

Optimización de imagen con Squoosh:
Se ha tomado la imagen original en formato JPG/PNG y se ha procesado con la herramienta web Squoosh para convertirla al formato optimizado WebP. Se aplicó una compresión con calidad al 75%, logrando reducir significativamente el peso del archivo original a más de la mitad. Como se puede observar en la comparativa, la imagen comprimida preserva prácticamente todo el detalle del pelaje y los brillos decorativos en el rostro del cachorro, logrando una reducción drástica del tiempo de carga sin comprometer la experiencia visual del usuari
Documento Pdf
Archivo de Audio
Imagen ajustada

Ajustes aplicados: Se ha seleccionado la imagen directamente desde el repositorio integrado de fotos libres. Se han configurado tres ajustes visuales: estilo redondeado en los bordes para suavizar la integración, cambio en la relación de aspecto a proporción fija para homogeneizar el encuadre, y un filtro de color duotono para adaptar la estética visual al diseño general del sitio.
Galería de imágenes






Ajustes aplicados en la galería: El bloque actúa como contenedor de imágenes independientes. Se ha configurado una cuadrícula simétrica de 3 columnas para una visualización equilibrada, se ha activado una relación de aspecto cuadrada (1:1) para homogeneizar las dimensiones, y se ha establecido el orden aleatorio (Random) para dinamizar la carga del contenido.
Bloque de fondo
MAR
Ajustes aplicados al bloque de fondo: Se ha insertado un bloque contenedor de tipo fondo con texto superpuesto. Se ha configurado el fondo fijo para generar un efecto parallax dinámico al hacer scroll, se ha aplicado una capa de superposición con opacidad al 50% para maximizar el contraste y legibilidad del texto, y se ha centrado el contenido interio
Medios y texto

Ajustes aplicados en Medios y texto: Este bloque contenedor organiza el medio visual y el texto descriptivo en dos columnas simétricas. Se ha configurado la imagen en el lateral izquierdo con un ancho del 50%, se ha activado la opción de «Apilar en dispositivos móviles» para asegurar un diseño responsive óptimo, y se ha establecido una alineación vertical centrada para equilibrar la composición visual.
