# Images

![](/files/-MYuVhtGJEsCnUFFO5B-)

## Principles

Images can aid in communicating your message or facilitate your instructions. They can provide clarity to abstract ideas or messages and can show users how to complete a task.

## Alt Text

Alt text is a way to label images, and it's especially important for people who can’t see the images on our website. Alt text should describe the image in a brief sentence or two.

For more on how and why we use alt text, read the [Writing for Accessibility](/writing-for-accessibility.md) section.

## Sizes

Your images should be pre-sized to exact dimensions prior to uploading them into an article. This ensures that your user will see your content as you intended and reduce the load times of your knowledge article. 

{% hint style="info" %}
Do not depend on the ServiceNow editor to resize your images for you. If you do not have editing capabilities, [submit a ticket](/requesting-help-coming-soon.md) for assistance.
{% endhint %}

To ensure a seamless experience across all devices and platforms, it is a good practice to use standard image ratios: 16:9, 3:4, 1:1.  

Use the tabs below for sample image sizes in each ratio.

{% tabs %}
{% tab title="16:9" %}

#### 800px width, 450px height

This is the largest width you can use for any image. KB articles have a max-width of 800px that your image cannot exceed.

**Use case**

![A sample of 800px X 450px](/files/-MTEN1WC4wWHSD0bG1y6)

#### 400px width, 225px height

This size is ideal for supplementing content and side-by-side comparisons.

**Use Case**

![400x225 Sample](/files/-MTGa7f2eQSaRmn1zHOG)
{% endtab %}
{% endtabs %}

####


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://kmdesign.services.gatech.edu/components/images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.