Ao enviar uma imagem para o Mastodon, a plataforma gera automaticamente uma miniatura. O corte padrão muitas vezes corta partes importantes da foto, como um rosto ou um objeto-chave. O Mastodon permite definir um ponto de foco no editor de texto alternativo para controlar qual área da imagem permanece visível nas prévias. Este artigo explica como encontrar e usar o recurso de ponto de foco na interface web do Mastodon para melhorar suas miniaturas de postagens.
Principais Conclusões: Definindo o Ponto de Foco no Texto Alternativo no Mastodon
- Botão de upload de imagem na área de composição: Abre o seletor de arquivos para anexar uma imagem à sua postagem.
- Botão de texto alternativo na imagem anexada: Abre o editor de descrição e ponto de foco para aquela imagem.
- Círculo de ponto de foco no editor de texto alternativo: Arraste este círculo para a parte mais importante da imagem para controlar o corte da miniatura.
O que o Ponto de Foco Faz e Por Que é Importante
O Mastodon gera prévias quadradas ou retangulares das imagens anexadas nas timelines e galerias de perfil. Sem um ponto de foco, a plataforma centraliza o corte no centro geométrico da imagem. Isso pode cortar rostos, textos ou logotipos posicionados perto das bordas. O ponto de foco informa ao Mastodon quais coordenadas de pixel devem ser tratadas como centro do corte. O restante da imagem é cortado a partir desse ponto.
O recurso está integrado ao editor de texto alternativo do Mastodon na interface web. Não requer ferramentas de terceiros ou extensões de navegador. O ponto de foco é salvo como metadado junto com a imagem na postagem. Uma vez definido, ele afeta a aparência da imagem em todos os clientes Mastodon que suportam a propriedade de ponto de foco, incluindo os aplicativos oficiais para iOS e Android. Aplicativos de terceiros podem ignorar o ponto de foco se não implementarem a API do Mastodon para corte de imagem.
Pré-requisitos
Você precisa de uma conta no Mastodon em qualquer instância que execute a versão 4.0 ou posterior. O editor de ponto de foco aparece apenas na versão web do Mastodon. Os aplicativos móveis não oferecem uma maneira de definir o ponto de foco durante a composição da postagem. Você deve usar um navegador de desktop como Chrome, Firefox, Edge ou Safari. O arquivo de imagem deve estar em um formato suportado: JPEG, PNG, GIF ou WebP. O tamanho máximo do arquivo depende do limite da sua instância, geralmente 8 MB ou 16 MB.
Passos para Definir o Ponto de Foco em uma Nova Postagem de Imagem
Siga estes passos na interface web do Mastodon para anexar uma imagem e definir seu ponto de foco antes de publicar sua postagem.
- Abra a caixa de composição
Faça login na sua instância do Mastodon em um navegador de desktop. Clique dentro da área de texto de composição no topo da timeline inicial. - Envie a imagem
Clique no ícone de imagem na barra de ferramentas da caixa de composição. Ele se parece com uma pequena moldura de foto. Selecione um arquivo do seu computador. A imagem aparece como uma miniatura abaixo da caixa de composição. - Abra o editor de texto alternativo
Clique no botão de texto alternativo na miniatura da imagem. O rótulo do botão diz “Editar” ou mostra um ícone de lápis. A caixa de diálogo do editor de texto alternativo é aberta. - Digite a descrição do texto alternativo
No campo de texto, insira uma descrição significativa da imagem. Este texto é lido por leitores de tela. O recurso de ponto de foco não exige que o texto alternativo esteja presente, mas a prática recomendada de acessibilidade é sempre incluí-lo. - Localize o círculo do ponto de foco
Olhe para a prévia pequena da imagem dentro do editor de texto alternativo. Um círculo translúcido com uma mira aparece na imagem. Por padrão, o círculo está posicionado no centro. - Arraste o ponto de foco para a área principal
Clique e segure o círculo. Arraste-o para a parte mais importante da imagem. Por exemplo, arraste-o para o rosto de uma pessoa, o logotipo de um produto ou um título de texto. Solte o botão do mouse. O círculo permanece na nova posição. - Confirme o ponto de foco
Clique no botão “Aplicar” ou “Salvar” no editor de texto alternativo. A caixa de diálogo fecha. A miniatura na caixa de composição agora mostra uma prévia baseada no novo ponto de foco. Se a prévia ainda parecer errada, repita os passos 3 a 6. - Publique a mensagem
Adicione qualquer texto que desejar à sua postagem. Clique no botão “Publicar”. A imagem aparece na timeline com o corte centralizado no ponto de foco que você definiu.
O que Evitar e Erros Comuns
Várias armadilhas podem impedir que o ponto de foco funcione como esperado. Entender esses problemas ajuda a evitá-los.
Ponto de Foco Não Salvo Após Fechar o Editor
Se você fechar o editor de texto alternativo sem clicar em “Aplicar” ou “Salvar”, o Mastodon descarta o ponto de foco. Sempre confirme a alteração antes de fechar a caixa de diálogo. Se a miniatura na caixa de composição retornar ao corte central padrão, reabra o editor e arraste o círculo novamente.
Ponto de Foco Sem Efeito em Alguns Clientes
O ponto de foco faz parte da API do Mastodon. Nem todo aplicativo de terceiros lê esses metadados. Se você usar um aplicativo como Tusky, Fedilab ou Metatext, o corte pode voltar ao centro padrão. Isso não é um bug. É uma limitação da implementação do aplicativo. Para garantir a melhor aparência para todos os visualizadores, componha postagens com o ponto de foco na interface web e teste o resultado no aplicativo oficial do Mastodon.
Imagem Muito Pequena para se Beneficiar do Ponto de Foco
Imagens menores que as dimensões da miniatura da timeline, tipicamente 400×400 pixels, não são cortadas. O Mastodon as exibe no tamanho original. Definir um ponto de foco em uma imagem pequena não tem efeito visível. Use imagens com largura e altura mínimas de 600 pixels para ver o comportamento de corte.
Ponto de Foco do Texto Alternativo do Mastodon vs. Corte Padrão
| Item | Ponto de Foco Definido | Corte Central Padrão |
|---|---|---|
| Centro da miniatura | Ponto definido pelo usuário | Centro geométrico da imagem |
| Visibilidade do conteúdo das bordas | Preserva a área ao redor do ponto de foco | Pode cortar rostos, textos ou logotipos próximos às bordas |
| Clientes suportados | Mastodon web, aplicativos móveis oficiais e aplicativos de terceiros compatíveis com a API | Todos os clientes |
| Esforço de configuração | Requer arrastar o círculo no editor de texto alternativo | Automático, nenhuma ação do usuário necessária |
Agora você pode controlar como o Mastodon corta suas prévias de imagem definindo um ponto de foco no editor de texto alternativo. Esse recurso funciona melhor para imagens com um assunto claro que não está centralizado. Na próxima vez que enviar uma foto com um rosto ou logotipo de produto, arraste o ponto de foco para essa área antes de publicar. Para controle avançado, considere editar a imagem fora do Mastodon para colocar o assunto no centro do quadro, o que elimina a necessidade de um ponto de foco.