bpoint: min 2xs xs sm md lg xl 2xl 3xl

Macros misc/image-mask

lista · todo

.regular

Mínimo — imagen cuadrada recortada con la máscara 'a' (verifica el object-cover al pasar de cuadrado a apaisado) (TID01)

(SizeLimitingPyMap: {_test_description=Mínimo — imagen cuadrada recortada con la máscara 'a' (verifica el object-cover al pasar de cuadrado a apaisado) (TID01), image={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}, mask_name=a})
Profesional portrait at the ofice

Ideal — imagen apaisada de ratio próximo al de la máscara, encaje limpio de la silueta (TID02)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, mask_name=a})
Urban landscape

Máscara 'b' — silueta casi cuadrada (330×321) con imagen cuadrada, encaje sin recorte apreciable (TID03)

(SizeLimitingPyMap: {_test_description=Máscara 'b' — silueta casi cuadrada (330×321) con imagen cuadrada, encaje sin recorte apreciable (TID03), image={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}, mask_name=b})
Profesional portrait at the ofice

Estrés — imagen apaisada de gran resolución (1536×1024) sobre la máscara para comprobar el escalado y el recorte cover (TID04)

(SizeLimitingPyMap: {image={alt=Night landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/matthew-savage-starry-night.webp, width=522, height=348, max_width=522, max_height=348}, mask_name=a})
Night landscape

Inválido — mask_name vacío: la máscara no está registrada en valid_masks y la guard impide el render (TID05)

(SizeLimitingPyMap: {image={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}, mask_name=})