Image Examples and Formatting in Docker Documentation

content/contribute/components/images.md

fb4c18c1aa2c37bbbed1bd2e34ed63c893c5cf15449ac4fb0000000300000480

---
description: components and formatting examples used in Docker's docs
title: Images
toc_max: 3
---

## Example

- A small image: ![a small image](/Users/baehyunsol/Documents/Rust/ragit/sample/docker/./assets/images/footer_moby_icon.png)

- Large images occupy the full width of the reading column by default:

  ![a pretty wide image](/Users/baehyunsol/Documents/Rust/ragit/sample/docker/./assets/images/banner_image_24512.png)

- Image size can be set using query parameters: `?h=<height>&amp;w=<width>`

  ![a pretty wide image](/Users/baehyunsol/Documents/Rust/ragit/sample/docker/./assets/images/banner_image_24512.png?w=100&amp;h=50)

- Image with a border, also set with a query parameter: `?border=true`

  ![a small image](/Users/baehyunsol/Documents/Rust/ragit/sample/docker/./assets/images/footer_moby_icon.png?border=true)


## HTML and Markdown

```markdown
- A small image: ![a small image](/assets/images/footer_moby_icon.png)

- Large images occupy the full width of the reading column by default:

  ![a pretty wide image](/assets/images/banner_image_24512.png)

- Image size can be set using query parameters: `?h=<height>&amp;w=<width>`

  ![a pretty wide image](/assets/images/banner_image_24512.png?w=100&amp;h=50)

- Image with a border, also set with a query parameter: `?border=true`

  ![a small image](/assets/images/footer_moby_icon.png?border=true)
```

Chunks

ce48248b (1st chunk of `content/contribute/components/images.md`)

Title: Image Examples and Formatting in Docker Documentation

Summary

This section demonstrates how to include and format images within Docker documentation using Markdown. It covers small and large images, and how to control image size and borders using query parameters like `?h=<height>&w=<width>` and `?border=true`. The provided Markdown code illustrates the syntax for implementing these image formatting options.