Inserção de imagens em artigos

Você pode inserir imagens no corpo dos artigos da base de conhecimento da sua Central de Ajuda. Quando você insere imagens, elas são adicionadas como anexos ao artigo. Imagens grandes são redimensionadas automaticamente para corresponder à largura do artigo.

Para evitar problemas com a imagem, insira-a em vez de copiar e colar de outra fonte. Como uma alternativa à inserção direta de imagens em seus artigos, você pode hospedá-las em um servidor público e vinculá-las.

Como incluir uma imagem em um artigo

1. Na Central de Ajuda, crie um artigo novo ou edite um existente.
2. Coloque o cursor no local onde deseja que a imagem seja exibida.
3. Faça um dos seguintes:
   • Arraste e solte a imagem para o corpo do artigo.
   • Clique no botão Inserir imagem na barra de ferramentas e clique em Carregar imagens. Selecione sua imagem.

     

   O limite de tamanho do arquivo de imagem é de 20 MB.
   As imagens são ajustadas automaticamente de acordo com a largura do artigo, usando o recurso de compressão do CSS. Recomendamos que você redimensione manualmente as imagens com mais de 1600px de largura, pois a compressão pode distorcer a imagem no artigo publicado. Se você usa o Web Widget, talvez também queira redimensionar manualmente a imagem (consulte Otimização das imagens para o Web Widget a seguir).

4. Clique em Inserir na janela exibida.

   A imagem é exibida em seu artigo.

5. Clique em Salvar.

Se você tem uma Central de Ajuda fechada que requer que todos os usuários se conectem, as imagens do artigo aparecerão truncadas em notificações por email enviadas a usuários que seguem sua Central de Ajuda. Isso é um problema conhecido.

Otimização das imagens da Central de Ajuda para o Web Widget

Para garantir que as imagens nos seus artigos da Central de Ajuda sejam exibidas corretamente no Web Widget, é importante que as imagens sejam adicionadas ao artigo no tamanho desejado.

Quando os artigos da Central de Ajuda são convertidos para visualização no Web Widget, as imagens do artigo são privadas de seus atributos nas tags HTML (exceto pelos atributos src e alt) e as regras CSS personalizadas são ignoradas. Para a maioria das imagens, isso não é problema. Contudo, se as imagens originais forem muito grandes e significativamente redimensionadas no HTML ou em um CSS personalizado, elas podem aparecer estranhamente grandes.

Por exemplo, digamos que você queira exibir um ícone no seu artigo da Central de Ajuda. A imagem original do ícone tem 300x300 pixels. Para exibi-la em um tamanho mais razoável, o HTML é modificado adicionando os atributos width=“6%” height=“6%”.

No artigo da Central de Ajuda, o ícone tem 18x18 pixels, 6% do tamanho real da imagem. Quando o artigo é processado para o Web Widget e os atributos de largura e altura são removidos, ele volta para seu tamanho original e, mesmo após ter sido diminuído para caber dentro do widget, fica grande demais para um ícone.

Simplesmente redimensionar a imagem original para o tamanho desejado, ao invés de manipular o tamanho no código, evita esse problema.