> ## Documentation Index > Fetch the complete documentation index at: https://wiki.petto.sbs/llms.txt > Use this file to discover all available pages before exploring further. # Citas e imágenes > Haz una imagen de cita con cualquier mensaje, aplica efectos como desenfoque o deep fry a imágenes y avatares, y encuentra el color principal de una imagen. ## Resumen Tres comandos de imágenes, todos en la categoría **Diversión** (Fun): * `!quote` convierte un mensaje en una imagen de cita en blanco y negro. * `!image ` aplica un efecto (invertir, desenfocar, girar, deep fry...) a una imagen, un avatar o un enlace. Cada efecto tiene además su propio atajo, como `!blur` o `!invert`. * `!color` (también `!hex`) encuentra el color principal de una imagen o de un avatar. Son comandos de prefijo con una **espera** por miembro: 5 segundos para `!quote` e `!image`, 4 segundos para `!color`. Tanto tú como Petto necesitan el permiso **Adjuntar archivos** en el canal; si a alguno le falta, Petto dice a quién. Cuando se están haciendo muchas imágenes a la vez en Petto, puede que te pida intentarlo de nuevo en unos segundos. ## Cita ```javascript Sintaxis theme={null} !quote !quote !quote [miembro] !quote ... [--color] [--light] [--bold] ``` ```javascript Ejemplo theme={null} !quote !quote https://discord.com/channels/123/456/789 !quote 1234567890123456789 --light !quote nunca confíes en un gato @Alguien !quote @Alguien nunca confíes en un gato --color --bold ``` `!quote` también funciona como `!q` y `!miq` ("make it a quote"). Qué se cita, en este orden: 1. **El mensaje al que respondes.** Responde a un mensaje y escribe `!quote`. 2. **Un enlace a un mensaje** de este servidor. Tú y Petto deben poder leer ese canal; los mensajes de otros servidores se rechazan. 3. **El ID de un mensaje** del canal en el que estás. 4. **Un texto que escribes.** Añade un miembro al principio o al final (`!quote hola @miembro` o `!quote @miembro hola`) para poner la cita a su nombre; sin miembro, la cita es tuya. La imagen mide 1200×630. El avatar del autor va a la izquierda, en blanco y negro, fundiéndose con el fondo, y las palabras a la derecha en una tipografía serif grande, tan grandes como quepan. Debajo de las palabras van el **nombre visible** del autor en el servidor y su **@usuario**, más pequeños y tenues. Un texto demasiado largo para la imagen termina en "…". Las menciones se escriben como `@nombre`, `#canal` y `@rol`, los enlaces se acortan a su sitio, las marcas de Markdown se quitan, y los emojis personalizados y normales se dibujan como imágenes (un emoji que no se puede cargar en unos segundos se escribe como texto). | Opción | Qué hace | | - | - | | `--color` | Deja el avatar a color (`--colour` también sirve). | | `--light` | Fondo blanco con texto oscuro (`--white` también sirve). | | `--bold` | Escribe las palabras con una letra más gruesa. | Las opciones pueden ir en cualquier parte del texto y se pueden combinar: `!quote --light --bold`. ![shi responde a un mensaje de chu con !quote y Petto contesta con una imagen de cita en blanco y negro con las palabras, el avatar y el nombre de chu](https://mintcdn.com/wikipetto/ym43wKcqHRA_RnWi/images/discord/miscellaneous/es/quote.webp?fit=max\&auto=format\&n=ym43wKcqHRA_RnWi\&q=85\&s=c372d665725a5f5cab3ce749efd204de) En Discord: !quote como respuesta a un mensaje. > [accordion] !quote \ @miembro > > ![shi escribe una frase y @chu después de !quote, y Petto dibuja la cita con el avatar y el nombre de chu](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-text.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=764199af782e31c0cd2869578703bcd1) > > En Discord: un texto con un miembro al final: la cita va a su nombre. > [accordion] !quote \ > > ![Chillet cita un mensaje de kira por su enlace y Petto dibuja las palabras de kira en blanco y negro](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-link.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=c835493908305cb84cfac2b78d200750) > > En Discord: un enlace a un mensaje de otro canal del servidor. > [accordion] !quote \ > > ![kira cita un mensaje de chu por su ID con --light y Petto lo dibuja con fondo blanco](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-id.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=32f7d5c1a042ecaa745f8e51d1157594) > > En Discord: el ID de un mensaje de este canal, aquí con --light. > [accordion] --light > > ![kira cita su propio texto con --light y la imagen tiene fondo blanco](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-light.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=9caae5adb6cb6e7d3ca377c258600f32) > > En Discord: --light: fondo blanco y texto oscuro. > [accordion] --color --bold > > ![liam cita a @shi con --color --bold: el avatar de shi a color y las palabras en negrita](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-color-bold.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=ce830baea591db3b17b5e9c925c82019) > > En Discord: --color deja el avatar a color y --bold usa una letra más gruesa. > [accordion] Nada que citar > > ![nova escribe !quote solo y Petto explica las formas de usarlo y sus opciones](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-quote-usage.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=d18c6cc88a3b23f6ebfc7f5c2722b116) > > En Discord: !quote solo, sin responder a nada, explica cómo usarlo. ## Efectos de imagen ```javascript Sintaxis theme={null} !image [cantidad] [imagen] ``` ```javascript Ejemplo theme={null} !image invert !image blur 20 @Alguien !image rotate 45 https://example.com/gato.png !img pixelate 30 ``` `!image` también funciona como `!img`. | Efecto | Atajos | Cantidad | Qué hace | | - | - | - | - | | `invert` | `!invert` | | Invierte los colores. | | `grayscale` | `!grayscale`, `!greyscale`, `!bw` | | Blanco y negro. | | `sepia` | `!sepia` | | Aspecto de foto antigua. | | `blur` | `!blur` | 1 a 50, por defecto 8 | Desenfoca la imagen. | | `pixelate` | `!pixelate` | 2 a 100, por defecto 12 | Píxeles cuadrados grandes; la cantidad es su tamaño. | | `rotate` | `!rotate` | -360 a 360 grados, por defecto 90 | Gira la imagen. Crece para que quepa girada, con las esquinas transparentes. | | `flip` | `!flip` | | Boca abajo. | | `mirror` | `!mirror` | | De izquierda a derecha. | | `circle` | `!circle` | | La recorta en un círculo. | | `deepfry` | `!deepfry` | | Deep fry (frita). | | `compress` | `!compress` | Calidad JPEG de 1 a 100, por defecto 5 | La guarda como un JPEG de baja calidad. | | `hex` | `!dominant`, `!dominantcolor` | | Encuentra el color principal (ver [Color principal](#color-principal-de-una-imagen)). | Un atajo acepta la misma cantidad e imagen que la forma larga: `!blur 20 @Alguien` es `!image blur 20 @Alguien`. Un número corto al principio es la cantidad; un número largo se lee como el ID de un miembro, así que `!rotate 123456789012345678` gira el avatar de ese miembro. > [accordion] !image invert > > ![liam usa !image invert y Petto responde con el avatar de liam con los colores invertidos](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-invert.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=af4fe26e6f7de634d0b6f6c253425def) > > En Discord: los colores de tu propio avatar, invertidos. > [accordion] !grayscale @miembro > > ![kira usa !grayscale @chu y Petto responde con el avatar de chu en blanco y negro](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-grayscale.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=26049e17618731bbcfe7174c9e45a8b5) > > En Discord: el avatar de un miembro en blanco y negro. > [accordion] !sepia @miembro > > ![chu usa !sepia @kira y Petto responde con el avatar de kira en sepia](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-sepia.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=f2a60ec952c4709a18b28a720a07d241) > > En Discord: un aspecto de foto antigua. > [accordion] !image blur 20 @miembro > > ![shi usa !image blur 20 en sí misma y Petto responde con el avatar desenfocado](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-blur.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=510d9bbaa90b22f3218234c24ccb3c99) > > En Discord: desenfoque con una cantidad de 20. > [accordion] !img pixelate 30 > > ![liam usa !img pixelate 30 y Petto responde con el avatar de liam en cuadros grandes](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-pixelate.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=4a51c392fe03c0f28d6462f422b3cb0e) > > En Discord: píxeles de 30. > [accordion] !rotate 45 @miembro > > ![kira usa !rotate 45 @chu y Petto responde con el avatar de chu girado 45 grados](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-rotate.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=374225e0b690fb3a1ff7c45ab7ce3909) > > En Discord: girada 45 grados, con esquinas transparentes. > [accordion] !flip @miembro > > ![chu usa !flip @shi y Petto responde con el avatar de shi de cabeza](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-flip.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=399b8857164a7d6a1cd72d496a1d0305) > > En Discord: de cabeza. > [accordion] !mirror @miembro > > ![shi usa !mirror @kira y Petto responde con el avatar de kira en espejo](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-mirror.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=22d6899bc6e2e201e0d868c80f18992a) > > En Discord: de izquierda a derecha. > [accordion] !circle @miembro > > ![liam usa !circle @Chillet y Petto responde con el avatar de Chillet en un círculo](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-circle.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=07d82bfcbfe5cc78ea25f5e36e5df4e2) > > En Discord: recortada en un círculo. > [accordion] !deepfry @miembro > > ![kira usa !deepfry @chu y Petto responde con el avatar de chu frito](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-deepfry.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=f7a47aca351e3469077d9b39f43c29d6) > > En Discord: frita, como JPEG. > [accordion] !compress 3 @miembro > > ![chu usa !compress 3 @shi y Petto responde con un JPEG de baja calidad del avatar de shi](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-compress.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=a7dca13ef0c0c8617c4b0420231f1ff2) > > En Discord: un JPEG de calidad 3. ### Qué imagen se usa Petto toma la primera que encuentra: 1. Una imagen **adjunta** a tu comando. 2. Una imagen, imagen de embed o sticker del **mensaje al que respondes**. 3. Un **enlace `https://`** que escribes después del comando. 4. Un **miembro** que nombras (mención, ID o nombre): su avatar, el del servidor si tiene uno. 5. El avatar del **autor del mensaje al que respondes**. 6. **Tu propio avatar**. ### Límites * Imágenes PNG, JPEG, WebP y GIF. Un GIF usa su primer fotograma, y la respuesta lo dice. * Como máximo **8 MB**, **8192 píxeles** por lado y **16 megapíxeles**. Las imágenes más grandes se rechazan antes de abrirlas. * Los enlaces deben ser `https://`. Petto solo descarga de direcciones públicas, se rinde tras unos segundos y solo acepta archivos de imagen. * La respuesta es un PNG, salvo `compress` y `deepfry`, que son JPEG. ![shi invierte un GIF desde un enlace y Petto responde con la imagen y una nota de que solo se usó el primer fotograma](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-effect-gif.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=488ba4683b78b412b86a454ee4d5ce1a) En Discord: un GIF usa su primer fotograma, y la respuesta lo dice. ## Color principal de una imagen ```javascript Sintaxis theme={null} !color !color [imagen] ``` ```javascript Ejemplo theme={null} !color #8399ff !hex !hex @Alguien !hex https://example.com/banner.png ``` `!color` también funciona como `!hex` y `!clr`. Con un código hex (como `#ff91c2` o `ff91c2`) muestra ese color con sus valores RGB, HSL y decimal, como antes. Con cualquier otra cosa encuentra el **color principal de una imagen**: una imagen adjunta o del mensaje al que respondes, un enlace, el avatar de un miembro o, sin nada detrás, tu propio avatar. La imagen se elige en el mismo orden que para los [efectos de imagen](#qué-imagen-se-usa), y Petto responde con el código hex y los valores RGB, y una imagen de la foto sobre un fondo de su color principal con el código escrito encima. `!image hex`, `!dominant` y `!dominantcolor` hacen lo mismo. ![chu usa !color #8399ff y Petto responde con una tarjeta de ese color y sus valores hex, RGB, HSL y decimal](https://mintcdn.com/wikipetto/ggHQZ6Ulkb_qrqSQ/images/discord/miscellaneous/es/images-color-hex.webp?fit=max\&auto=format\&n=ggHQZ6Ulkb_qrqSQ\&q=85\&s=c36ab653950e3e27587a1a43552b22a2) En Discord: !color con un código hex: el color con sus valores RGB, HSL y decimal. ![kira usa !hex con chu y Petto responde con el código hex, los valores RGB y el avatar sobre un fondo de su color principal](https://mintcdn.com/wikipetto/ym43wKcqHRA_RnWi/images/discord/miscellaneous/es/hex.webp?fit=max\&auto=format\&n=ym43wKcqHRA_RnWi\&q=85\&s=a796a931f389f155aa57f2948a8a2a4c) En Discord: el color principal del avatar de un miembro. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.