@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
26 lines (17 loc) • 676 B
Markdown
title: 1:1 Aspect Ratio Image
order: 1
hidden: false
# 1:1 (Square) Image
Perfect square images commonly used for avatars and profile pictures.
## Overview
The 1:1 aspect ratio image maintains a perfect square shape, ensuring consistency in profile images, avatar displays, and other content requiring equal width and height.
## Usage
The 1:1 image aspect ratio is primarily used in:
* Avatar components
* Profile pictures
* Thumbnail displays where consistent dimensions are required
## Accessibility
* Always provide descriptive `alt` text for profile images
* When used in UI components like avatars, follow the accessibility guidelines of those components