> ## 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. # Citações e imagens > Faça uma imagem de citação de qualquer mensagem, aplique efeitos como desfoque ou deep fry em imagens e avatares, e encontre a cor principal de uma imagem. ## Visão geral Três comandos de imagem, todos na categoria **Diversão** (Fun): * `!quote` transforma uma mensagem em uma imagem de citação em preto e branco. * `!image ` aplica um efeito (inverter, desfocar, girar, deep fry...) em uma imagem, um avatar ou um link. Cada efeito também tem o seu próprio atalho, como `!blur` ou `!invert`. * `!color` (também `!hex`) descobre a cor principal de uma imagem ou de um avatar. São comandos de prefixo com uma **espera** por membro: 5 segundos para `!quote` e `!image`, 4 segundos para `!color`. Você e o Petto precisam da permissão **Anexar arquivos** no canal; se faltar para algum dos dois, o Petto diz para quem. Quando muitas imagens estão sendo feitas ao mesmo tempo no Petto, ele pode pedir para você tentar de novo em alguns segundos. ## Citação ```javascript Sintaxe theme={null} !quote !quote !quote [membro] !quote ... [--color] [--light] [--bold] ``` ```javascript Exemplo theme={null} !quote !quote https://discord.com/channels/123/456/789 !quote 1234567890123456789 --light !quote nunca confie em um gato @Alguém !quote @Alguém nunca confie em um gato --color --bold ``` `!quote` também funciona como `!q` e `!miq` ("make it a quote"). O que é citado, nesta ordem: 1. **A mensagem que você responde.** Responda a uma mensagem e digite `!quote`. 2. **O link de uma mensagem** deste servidor. Você e o Petto precisam conseguir ler esse canal; mensagens de outros servidores são recusadas. 3. **O ID de uma mensagem** do canal onde você está. 4. **Um texto que você escreve.** Coloque um membro no começo ou no fim (`!quote oi @membro` ou `!quote @membro oi`) para a citação sair no nome dele; sem membro, a citação é sua. A imagem tem 1200×630. O avatar do autor fica à esquerda, em preto e branco, se misturando com o fundo, e as palavras ficam à direita em uma fonte serifada grande, do maior tamanho que couber. Embaixo das palavras vêm o **nome de exibição** do autor no servidor e o **@usuário** dele, menores e mais apagados. Um texto longo demais para a imagem termina em "…". Menções são escritas como `@nome`, `#canal` e `@cargo`, links são encurtados para o site, as marcas de Markdown são removidas, e emojis personalizados e normais são desenhados como imagens (um emoji que não carrega em alguns segundos é escrito como texto). | Opção | O que faz | | - | - | | `--color` | Mantém o avatar colorido (`--colour` também funciona). | | `--light` | Fundo branco com texto escuro (`--white` também funciona). | | `--bold` | Escreve as palavras com uma fonte mais grossa. | As opções podem ir em qualquer lugar do texto e podem ser combinadas: `!quote --light --bold`. ![shi responde a uma mensagem de chu com !quote e o Petto devolve uma imagem de citação em preto e branco com as palavras, o avatar e o nome de chu](https://mintcdn.com/wikipetto/ym43wKcqHRA_RnWi/images/discord/miscellaneous/pt-br/quote.webp?fit=max\&auto=format\&n=ym43wKcqHRA_RnWi\&q=85\&s=8e496af5f868636a029ccb5c75005536) No Discord: !quote como resposta a uma mensagem. > [accordion] !quote \ @membro > > ![shi escreve uma frase e @chu depois do !quote, e o Petto desenha a citação com o avatar e o nome de chu](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-text.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=2f55dddd8044af77c56be1aed84fa167) > > No Discord: um texto com um membro no fim: a citação fica no nome dele. > [accordion] !quote \ > > ![Chillet cita uma mensagem da kira pelo link e o Petto desenha as palavras dela em preto e branco](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-link.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=ddafc7a869235e5770e834b96230f074) > > No Discord: um link para uma mensagem de outro canal do servidor. > [accordion] !quote \ > > ![kira cita uma mensagem de chu pelo ID com --light e o Petto desenha com fundo branco](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-id.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=0cecbc74fc0b6ec13860015947ae730e) > > No Discord: o ID de uma mensagem deste canal, aqui com --light. > [accordion] --light > > ![kira cita o próprio texto com --light e a imagem tem fundo branco](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-light.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=ded47cf657e8df4ab0e63207e3c71002) > > No Discord: --light: fundo branco e texto escuro. > [accordion] --color --bold > > ![liam cita @shi com --color --bold: o avatar de shi colorido e as palavras em negrito](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-color-bold.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=4d31f6077e98f9326b30e28672c9b362) > > No Discord: --color deixa o avatar colorido e --bold usa uma letra mais grossa. > [accordion] Nada para citar > > ![nova escreve !quote sozinho e o Petto explica as formas de usar e as opções](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-quote-usage.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=f7bd36f6cd0f6850e0319692a8faf377) > > No Discord: !quote sozinho, sem responder a nada, explica como usar. ## Efeitos de imagem ```javascript Sintaxe theme={null} !image [quantidade] [imagem] ``` ```javascript Exemplo theme={null} !image invert !image blur 20 @Alguém !image rotate 45 https://example.com/gato.png !img pixelate 30 ``` `!image` também funciona como `!img`. | Efeito | Atalhos | Quantidade | O que faz | | - | - | - | - | | `invert` | `!invert` | | Inverte as cores. | | `grayscale` | `!grayscale`, `!greyscale`, `!bw` | | Preto e branco. | | `sepia` | `!sepia` | | Visual de foto antiga. | | `blur` | `!blur` | 1 a 50, padrão 8 | Desfoca a imagem. | | `pixelate` | `!pixelate` | 2 a 100, padrão 12 | Pixels quadrados grandes; a quantidade é o tamanho deles. | | `rotate` | `!rotate` | -360 a 360 graus, padrão 90 | Gira a imagem. Ela cresce para caber girada, com os cantos transparentes. | | `flip` | `!flip` | | De cabeça para baixo. | | `mirror` | `!mirror` | | Da esquerda para a direita. | | `circle` | `!circle` | | Recorta em um círculo. | | `deepfry` | `!deepfry` | | Deep fry (frita). | | `compress` | `!compress` | Qualidade JPEG de 1 a 100, padrão 5 | Salva como um JPEG de baixa qualidade. | | `hex` | `!dominant`, `!dominantcolor` | | Descobre a cor principal (veja [Cor principal](#cor-principal-de-uma-imagem)). | Um atalho aceita a mesma quantidade e imagem que a forma longa: `!blur 20 @Alguém` é `!image blur 20 @Alguém`. Um número curto no começo é a quantidade; um número longo é lido como o ID de um membro, então `!rotate 123456789012345678` gira o avatar desse membro. > [accordion] !image invert > > ![liam usa !image invert e o Petto responde com o avatar de liam com as cores invertidas](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-invert.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=0ceb458cc95db950e0e4f088f44345a6) > > No Discord: as cores do seu próprio avatar, invertidas. > [accordion] !grayscale @membro > > ![kira usa !grayscale @chu e o Petto responde com o avatar de chu em preto e branco](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-grayscale.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=d983e3d9cbe941d8b021be217ca19262) > > No Discord: o avatar de um membro em preto e branco. > [accordion] !sepia @membro > > ![chu usa !sepia @kira e o Petto responde com o avatar de kira em sépia](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-sepia.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=bf8befc29523d963a63ff0b6ec48c2f4) > > No Discord: um visual de foto antiga. > [accordion] !image blur 20 @membro > > ![shi usa !image blur 20 em si mesma e o Petto responde com o avatar desfocado](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-blur.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=34585fd0e309a68fce13876db451a5b2) > > No Discord: desfoque com quantidade 20. > [accordion] !img pixelate 30 > > ![liam usa !img pixelate 30 e o Petto responde com o avatar de liam em quadrados grandes](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-pixelate.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=9c2e06f0f37302c6824b058711c4778e) > > No Discord: pixels de 30. > [accordion] !rotate 45 @membro > > ![kira usa !rotate 45 @chu e o Petto responde com o avatar de chu girado 45 graus](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-rotate.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=6a2cc9b3e278b9e3e390330e6619f45f) > > No Discord: girada 45 graus, com cantos transparentes. > [accordion] !flip @membro > > ![chu usa !flip @shi e o Petto responde com o avatar de shi de cabeça para baixo](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-flip.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=2b29fda0ba8f2f445d0adb5dbca3c87f) > > No Discord: de cabeça para baixo. > [accordion] !mirror @membro > > ![shi usa !mirror @kira e o Petto responde com o avatar de kira espelhado](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-mirror.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=ef9b59819d110f4420f488cd9cb53d3a) > > No Discord: da esquerda para a direita. > [accordion] !circle @membro > > ![liam usa !circle @Chillet e o Petto responde com o avatar de Chillet em um círculo](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-circle.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=daa87c52d4598cb71297ec9af13b5243) > > No Discord: recortada em um círculo. > [accordion] !deepfry @membro > > ![kira usa !deepfry @chu e o Petto responde com o avatar de chu frito](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-deepfry.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=b410b1afcbdee3f05dae067857826a85) > > No Discord: frita, como JPEG. > [accordion] !compress 3 @membro > > ![chu usa !compress 3 @shi e o Petto responde com um JPEG de baixa qualidade do avatar de shi](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-compress.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=e78539679ff8fed3630669cabe78eb57) > > No Discord: um JPEG de qualidade 3. ### Qual imagem é usada O Petto pega a primeira que encontrar: 1. Uma imagem **anexada** ao seu comando. 2. Uma imagem, imagem de embed ou figurinha da **mensagem que você responde**. 3. Um **link `https://`** que você digita depois do comando. 4. Um **membro** que você indica (menção, ID ou nome): o avatar dele, o do servidor quando ele tem um. 5. O avatar do **autor da mensagem que você responde**. 6. **O seu próprio avatar**. ### Limites * Imagens PNG, JPEG, WebP e GIF. Um GIF usa o primeiro quadro, e a resposta avisa. * No máximo **8 MB**, **8192 pixels** de cada lado e **16 megapixels**. Imagens maiores são recusadas antes de serem abertas. * Os links precisam ser `https://`. O Petto só baixa de endereços públicos, desiste depois de alguns segundos e só aceita arquivos de imagem. * A resposta é um PNG, menos `compress` e `deepfry`, que são JPEG. ![shi inverte um GIF de um link e o Petto responde com a imagem e um aviso de que só o primeiro quadro foi usado](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-effect-gif.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=f50c5860d470756d9dab38113ba8f862) No Discord: um GIF usa o primeiro quadro, e a resposta avisa. ## Cor principal de uma imagem ```javascript Sintaxe theme={null} !color !color [imagem] ``` ```javascript Exemplo theme={null} !color #8399ff !hex !hex @Alguém !hex https://example.com/banner.png ``` `!color` também funciona como `!hex` e `!clr`. Com um código hex (como `#ff91c2` ou `ff91c2`) mostra essa cor com os valores RGB, HSL e decimal, como antes. Com qualquer outra coisa, descobre a **cor principal de uma imagem**: uma imagem anexada ou da mensagem que você responde, um link, o avatar de um membro ou, sem nada depois, o seu próprio avatar. A imagem é escolhida na mesma ordem dos [efeitos de imagem](#qual-imagem-é-usada), e o Petto responde com o código hex e os valores RGB, e uma imagem da foto sobre um fundo da sua cor principal com o código escrito por cima. `!image hex`, `!dominant` e `!dominantcolor` fazem o mesmo. ![chu usa !color #8399ff e o Petto responde com um cartão dessa cor e os valores hex, RGB, HSL e decimal](https://mintcdn.com/wikipetto/wbZ4Vn297CbbdRfX/images/discord/miscellaneous/pt-br/images-color-hex.webp?fit=max\&auto=format\&n=wbZ4Vn297CbbdRfX\&q=85\&s=41365ae0c78ceab0c55ac6077bf2a808) No Discord: !color com um código hex: a cor com os valores RGB, HSL e decimal. ![kira usa !hex em chu e o Petto responde com o código hex, os valores RGB e o avatar sobre um fundo da sua cor principal](https://mintcdn.com/wikipetto/ym43wKcqHRA_RnWi/images/discord/miscellaneous/pt-br/hex.webp?fit=max\&auto=format\&n=ym43wKcqHRA_RnWi\&q=85\&s=3ffdbd952015689950e31ea01b6604e4) No Discord: a cor principal do avatar de um membro. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.