---
title: "Images · Sanity × Nuxt UI"
description: "Upload images, describe them for everyone, and choose what stays in view when they are cropped."
canonical_url: "https://sanity-nuxtui.vercel.app/id/docs/images"
meta:
  "og:description": "Upload images, describe them for everyone, and choose what stays in view when they are cropped."
  "og:image": "https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Images%2Cdescription_~VXBsb2FkIGltYWdlcywgZGVzY3JpYmUgdGhlbSBmb3IgZXZlcnlvbmUsIGFuZCBjaG9vc2Ugd2hhdCBzdGF5cyBpbiB2aWV3IHdoZW4gdGhleSBhcmUgY3JvcHBlZC4%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL2ltYWdlcyI%2Cs_JoPaRjyoj8pc7c7f.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Images · Sanity × Nuxt UI"
  "twitter:image": "https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Images%2Cdescription_~VXBsb2FkIGltYWdlcywgZGVzY3JpYmUgdGhlbSBmb3IgZXZlcnlvbmUsIGFuZCBjaG9vc2Ugd2hhdCBzdGF5cyBpbiB2aWV3IHdoZW4gdGhleSBhcmUgY3JvcHBlZC4%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL2ltYWdlcyI%2Cs_JoPaRjyoj8pc7c7f.png"
---

> Index of every page on this site: [llms.txt](https://sanity-nuxtui.vercel.app/llms.txt)

Halaman ini belum tersedia dalam bahasa Indonesia.

[Docs](https://sanity-nuxtui.vercel.app/id/docs)

# **Images**

Upload images, describe them for everyone, and choose what stays in view when they are cropped.

You can upload images wherever a field says **Image**, **Cover image** or **Photos**. The site resizes them for every screen and converts them to modern formats, so upload the largest version you have.

## Alternative text

Fill in ****Alternative text**** on every image. It describes the image for people who use a screen reader and for search engines. Write what the image shows in a short sentence: **"Two people reviewing a page layout on a laptop"**, not **"image1.jpg"**.

The Studio shows a warning on images without alternative text.

## Crop and hotspot

The same image appears in different shapes: wide on a desktop, square on a card, narrow on a phone. Tell the site which part matters:

1. Click the image, then ****Edit**** (the crop icon).
2. Drag the ****hotspot**** (the circle) over the important part, for example a face.
3. Optionally drag the ****crop**** handles to cut away edges you never want shown.

Every crop on the site keeps the hotspot in view.

## Captions

Images in rich text and in galleries can have a ****Caption****, shown under the image. Use it for credits and context.

## Many photos at once

In a ****Photos**** field or an ****Image Gallery**** block, drag a whole selection of files onto the field. They upload together and keep their order; drag them to reorder.

## While images load

Visitors see a pixelated preview of each image until the full image arrives, so pages do not jump around while loading.

[**Collections and entries** Create a blog, a portfolio or any other section that repeats, and fill it with entries.](https://sanity-nuxtui.vercel.app/id/docs/collections) [**Site Settings** The name, menu, footer, search, languages and interface text of the whole site.](https://sanity-nuxtui.vercel.app/id/docs/site-settings)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://sanity-nuxtui.vercel.app/#website","@type":"WebSite","name":"Sanity × Nuxt UI","url":"https://sanity-nuxtui.vercel.app/","publisher":{"@id":"https://sanity-nuxtui.vercel.app/#identity"}},{"@id":"https://sanity-nuxtui.vercel.app/id/docs/images#webpage","@type":"WebPage","dateModified":"2026-10-16T02:29:18Z","description":"Upload images, describe them for everyone, and choose what stays in view when they are cropped.","name":"Images","url":"https://sanity-nuxtui.vercel.app/id/docs/images","isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://sanity-nuxtui.vercel.app/id/docs/images"]}]},{"@id":"https://sanity-nuxtui.vercel.app/#identity","@type":"Organization","name":"Sanity × Nuxt UI","url":"https://sanity-nuxtui.vercel.app"},{"@id":"https://sanity-nuxtui.vercel.app/id/docs/images#article","@type":"Article","dateModified":"2026-10-16T02:29:18Z","description":"Upload images, describe them for everyone, and choose what stays in view when they are cropped.","headline":"Images","inLanguage":"en","thumbnailUrl":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Images%2Cdescription_~VXBsb2FkIGltYWdlcywgZGVzY3JpYmUgdGhlbSBmb3IgZXZlcnlvbmUsIGFuZCBjaG9vc2Ugd2hhdCBzdGF5cyBpbiB2aWV3IHdoZW4gdGhleSBhcmUgY3JvcHBlZC4%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL2ltYWdlcyI%2Cs_JoPaRjyoj8pc7c7f.png","author":{"@id":"https://sanity-nuxtui.vercel.app/#identity"},"image":{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1"},"isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/id/docs/images#webpage"},"mainEntityOfPage":{"@id":"https://sanity-nuxtui.vercel.app/id/docs/images#webpage"},"publisher":{"@id":"https://sanity-nuxtui.vercel.app/#identity"}},{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1","@type":"ImageObject","contentUrl":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Images%2Cdescription_~VXBsb2FkIGltYWdlcywgZGVzY3JpYmUgdGhlbSBmb3IgZXZlcnlvbmUsIGFuZCBjaG9vc2Ugd2hhdCBzdGF5cyBpbiB2aWV3IHdoZW4gdGhleSBhcmUgY3JvcHBlZC4%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL2ltYWdlcyI%2Cs_JoPaRjyoj8pc7c7f.png","inLanguage":"en","url":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Images%2Cdescription_~VXBsb2FkIGltYWdlcywgZGVzY3JpYmUgdGhlbSBmb3IgZXZlcnlvbmUsIGFuZCBjaG9vc2Ugd2hhdCBzdGF5cyBpbiB2aWV3IHdoZW4gdGhleSBhcmUgY3JvcHBlZC4%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL2ltYWdlcyI%2Cs_JoPaRjyoj8pc7c7f.png"}]}
```

## Sitemap

See the full [sitemap](https://sanity-nuxtui.vercel.app/sitemap.md) for all pages.