Medios

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

Dos cachorros asomándose sobre una tabla de madera
Cachorros bebés Pexels.com

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

Fotografía descriptiva del bloque de medios

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.