@n8d/htwoo-patterns/_patterns/atoms/images/image~1by1.md

hTWOo Patterns to setup custom style guide

---
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