Thumbnail

type: 11 Mensajes

El Thumbnail es una imagen pequeña que aparece a la derecha de una Section. Ideal para avatares, logos o iconos de producto.

Vista previa

Mi BotAPPHoy a las 12:00

Bolsa sorpresa

Contiene objetos aleatorios para tu personaje.

Precio: 250 🪙

payload.json

{
  "flags": 32768,
  "components": [
    {
      "type": 17,
      "accent_color": 16705372,
      "components": [
        {
          "type": 9,
          "components": [
            {
              "type": 10,
              "content": "### Bolsa sorpresa\nContiene objetos aleatorios para tu personaje.\n**Precio:** 250 🪙"
            }
          ],
          "accessory": {
            "type": 11,
            "media": {
              "url": "attachment://product.png"
            },
            "description": "Bolsa naranja de la tienda"
          }
        }
      ]
    }
  ]
}

Campos

Campo	Tipo	Descripción
type	entero	obligatorio Siempre 11.
id	entero	opcional Identificador único.
media	unfurled media item	obligatorio La imagen: { "url": "..." }. Admite URLs https:// o attachment://nombre.
description	string	opcional Texto alternativo (accesibilidad). Máx. 1024 caracteres.
spoiler	booleano	opcional Ocultar como spoiler. Por defecto false.

Precaución

• Solo imágenes (incluidos GIF y WebP animados). No admite vídeo.
• Solo se puede usar como accessory de una Section, no suelto en el mensaje.

Código

HTTP

{
  "type": 11,
  "media": { "url": "https://cdn.discordapp.com/embed/avatars/0.png" },
  "description": "Avatar por defecto de Discord"
}

JavaScript

import { SectionBuilder } from 'discord.js';

const section = new SectionBuilder()
  .addTextDisplayComponents((text) => text.setContent('### Bolsa sorpresa'))
  .setThumbnailAccessory((thumbnail) =>
    thumbnail.setURL('attachment://product.png').setDescription('Bolsa naranja de la tienda'),
  );

Python

section = discord.ui.Section(
    "### Bolsa sorpresa",
    accessory=discord.ui.Thumbnail("attachment://product.png", description="Bolsa naranja de la tienda"),
)

Go

alt := "Bolsa naranja de la tienda"
section := discordgo.Section{
  Components: []discordgo.MessageComponent{
    discordgo.TextDisplay{Content: "### Bolsa sorpresa"},
  },
  Accessory: discordgo.Thumbnail{
    Media:       discordgo.UnfurledMediaItem{URL: "attachment://product.png"},
    Description: &alt,
  },
}

Usar el avatar de un usuario

Un caso muy común es mostrar el avatar de alguien. Usa la URL del CDN de Discord:

https://cdn.discordapp.com/avatars/{user_id}/{avatar_hash}.png

Las librerías te dan esta URL directamente: user.displayAvatarURL() en discord.js, user.display_avatar.url en discord.py y user.AvatarURL("256") en discordgo.