Inserção de imagens em artigos e blocos de conteúdo

Você pode inserir imagens no corpo dos artigos da base de conhecimento da sua central de ajuda e blocos de conteúdo. Quando você insere imagens, elas são adicionadas à galeria de mídia. Imagens grandes são redimensionadas automaticamente para corresponder à largura do artigo.

Este artigo abrange as seguintes seções:

• Inserção de imagens em artigos
• Inserção de imagens em blocos de conteúdo
• Otimização das imagens da central de ajuda para os Web Widgets

Inserção de imagens em artigos

Para inserir imagens em artigos, execute o procedimento descrito a seguir. 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 sua central de ajuda ou na administração do Guide, crie um novo artigo ou edite um existente.
2. Coloque o cursor no local onde deseja que a imagem seja exibida.
3. Clique no ícone Inserir imagem () na barra de ferramentas do artigo. Como opção, arraste e solte a imagem no artigo.
4. Na galeria de mídia, escolha as imagens que deseja carregar ou clique em Carregar mídia se quiser adicionar uma nova imagem à galeria de mídia. Como opção, arraste e solte a imagem na galeria de mídia. O limite de tamanho da imagem é 20 MB.
   Observação: para filtrar as imagens exibidas, clique nas opções no menu à esquerda. Para obter mais informações sobre a galeria de mídia, consulte Trabalho com imagens na galeria de mídia.

   

5. Clique em Inserir mídia.

   As imagens que você selecionou são exibidas em seu artigo.

   As imagens são ajustadas automaticamente para corresponder à largura do artigo. Recomendamos que você redimensione manualmente as imagens com mais de 1600px de largura, antes de inseri-las, pois o ajuste automático de tamanho pode distorcer a imagem no artigo publicado. Se você usa o Web Widget, talvez também queira redimensionar manualmente as imagens para garantir que sejam exibidas corretamente (consulte Otimização das imagens para o Web Widget a seguir).

6. Clique em Salvar.

Inserção de imagens em blocos de conteúdo (apenas nos planos Enterprise)

Os blocos de conteúdo permitem que você crie conteúdos que podem ser compartilhados entre vários artigos. Você pode inserir imagens em blocos de conteúdo de maneira semelhante à forma como as inclui nos artigos da central de ajuda. Você pode adicionar até 50 imagens por bloco de conteúdo.

Como inserir imagens em blocos de conteúdo

1. Na central de ajuda ou no Administrador do Guide, crie um novo bloco de conteúdo ou edite um bloco de conteúdo existente
2. No bloco de conteúdo, posicione o cursor no local onde deseja que a imagem seja exibida.
3. Clique no ícone Adicionar imagem () na barra de ferramentas do bloco de conteúdo.

   Como opção, arraste e solte a imagem no bloco de conteúdo.

4. Na galeria de mídia, escolha as imagens que deseja carregar ou clique em Carregar mídia se quiser adicionar uma nova imagem à galeria.
   Como opção, arraste e solte a imagem na galeria de mídia. O limite de tamanho da imagem é 20 MB.

   Observação: para filtrar as imagens exibidas, clique nas opções no menu à esquerda. Para obter mais informações sobre a galeria de mídia, consulte Trabalho com imagens na galeria de mídia.

   

5. Clique em Inserir mídia.

   As imagens que você selecionou são exibidas em seu bloco de conteúdo.

   Clique na imagem para exibir uma barra de ferramentas em que você pode selecionar as opções de disposição do texto, alinhamento da imagem e tamanho de exibição da imagem. Você também pode clicar em ALT na barra de ferramentas para inserir texto alternativo e melhorar a acessibilidade do seu artigo. Para alterar manualmente o tamanho da imagem, arraste os cantos da imagem.

   

6. Se o bloco de conteúdo é novo, clique em Criar. Se está atualizando um bloco de conteúdo, clique em Atualizar.

Otimização das imagens da central de ajuda para os Web Widgets

Para garantir que as imagens nos seus artigos da central de ajuda sejam exibidas corretamente no Web Widget de mensagens e no Web Widget (Clássico), é importante que as imagens sejam adicionadas ao artigo no tamanho desejado.

Quando os artigos da central de ajuda são convertidos para visualização nos widgets, 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 que ela seja exibida 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 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 no widget, ele 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.