Planos de apoio à adição de imagens aos artigos
Planos que suportam este recurso: Professional Business Enterprise
Adicionar imagens aos seus artigos aumenta a compreensão e o engajamento. Os recursos visuais esclarecem procedimentos complexos e ilustram os resultados desejados de forma mais eficaz do que apenas o texto. As imagens simplificam as instruções, tornando-as mais fáceis de seguir e entender. Eles aprimoram a experiência do usuário e contribuem para a eficácia geral da documentação.
Existem vários métodos para inserir imagens em seus artigos usando o editor Markdown ou o editor WYSIWYG avançado. Cada método oferece seu próprio conjunto de vantagens e permite a personalização de acordo com suas preferências.
Inserindo uma imagem no editor Markdown
Você pode inserir imagens em sua documentação com o editor Markdown em quatro métodos:
Método 1: Inserir imagem de Upload/URL
Método 2: Inserir imagem do seletor de arquivos
Método 3: Inserir imagem usando Inserir arquivo ()
Método 4: Inserir imagem arrastando e soltando
Usando upload
Para inserir uma imagem:
Navegue até o artigo desejado no editor Markdown.
Clique no ícone Inserir imagem () e selecione Do upload/URL.
Na guia Arquivo , clique no botão Escolher arquivo .
Selecione o arquivo de imagem desejado no armazenamento local e clique em Abrir.
No campo Descrição , digite uma descrição para a imagem.
Clique em OK.
A imagem será inserida no artigo onde o cursor é colocado.
NOTA
A altura e a largura da imagem não serão definidas por padrão
{height="" width=""}.
Se necessário, você pode especificar as dimensões de pixel (px) para exibir sua imagem na documentação.
Por exemplo, {height="720" width="1280"}.
Você pode ver o tamanho da imagem na documentação na janela Visualizar.
Do URL
Para inserir uma imagem usando um URL:
Navegue até o artigo desejado no editor Markdown.
Clique no ícone Inserir imagem () e selecione Do upload/URL.
Na guia URL , insira o URL da imagem desejado.
No campo Descrição , digite uma descrição para a imagem.
Clique em OK.
A imagem será inserida no artigo onde o cursor é colocado.
NOTA
A altura e a largura da imagem não serão definidas por padrão
{height="" width=""}.
Se necessário, você pode especificar as dimensões de pixel (px) para exibir sua imagem na documentação.
Por exemplo, {height="720" width="1280"}.
Você pode ver o tamanho da imagem na documentação na janela Visualizar.
NOTA
Recomendamos adicionar imagens à unidade do Document360 e inseri-las em artigos. Quando você carrega usando o URL da imagem, se a imagem for removida ou renomeada no futuro, ela aparecerá quebrada nos sites da base de conhecimento.
Para inserir uma imagem do seletor de arquivos:
Navegue até o artigo desejado no editor Markdown.
Clique no ícone Inserir imagem () e selecione Do seletor de arquivos.
A janela do Drive aparecerá apenas com arquivos de formato de imagem.
NOTA
Você pode inserir qualquer número de imagens de uma só vez. A seleção de várias imagens está disponível apenas nos editores Markdown e Advanced WYSIWYG.
Navegue até a pasta desejada onde a imagem que você deseja enviar está disponível.
Selecione a(s) imagem(ns) desejada(s) e clique em Inserir.
A imagem será inserida no artigo onde o cursor é colocado.Se necessário, você pode especificar as dimensões de pixel (px) para exibir sua imagem na documentação.
Por exemplo, {height="720" width="1280"}.
Você pode ver o tamanho da imagem na documentação na janela Visualizar.
Para inserir uma imagem usando o arquivo Inserir ():
Navegue até o artigo desejado no editor Markdown.
Clique no ícone Inserir arquivo ().
O painel Drive será exibido.
Navegue até a pasta desejada onde a imagem que você deseja enviar está disponível.
Selecione a imagem e clique em Inserir.
A imagem será inserida no artigo onde o cursor é colocado.
NOTA
A altura e a largura da imagem não serão definidas por padrão
{height="" width=""}.
Se necessário, você pode especificar as dimensões de pixel (px) para exibir sua imagem na documentação.
Por exemplo, {height="720" width="1280"}.
Você pode ver o tamanho da imagem na documentação na janela Visualizar.
Você pode adicionar uma imagem ao editor arrastando-a do sistema local para o editor.
As imagens inseridas em um artigo por meio de arrastar e soltar serão salvas automaticamente no Document360 Drive. Quaisquer alterações feitas em seu arquivo local não afetarão a imagem inserida.
Inserindo uma imagem no editor WYSIWYG avançado
Você pode inserir imagens em sua documentação usando o editor WYSIWYG avançado por meio dos seguintes métodos:
Método 1: Usando o menu Inserção rápida
Método 2: Usando o comando Barra
Método 3: Usando copiar e colar ou arrastar e soltar
Para adicionar uma imagem usando o menu Inserção rápida :
Navegue até o artigo desejado no editor WYSIWYG avançado.
O menu Inserção rápida aparecerá somente quando o bloco estiver vazio.
Clique no ícone Imagem () no menu Inserção rápida .
Um painel Inserir imagem aparecerá com as seguintes opções:
Carregar do meu dispositivo: carregue ou arraste e solte um arquivo de imagem do armazenamento local do seu dispositivo.
Escolher no Drive: selecione uma imagem do Document360 Drive usando o seletor de arquivos.
URL externo: cole o URL da imagem no campo fornecido.
Clique em Inserir para adicionar a imagem ao artigo.
NOTA
O menu Inserção rápida desaparecerá automaticamente assim que você começar a digitar no bloco.
Se você limpar o conteúdo do bloco, o menu Inserção rápida reaparecerá para reutilização.
Para adicionar uma imagem usando o comando Barra/:
Navegue até o artigo desejado no editor WYSIWYG avançado.
Digite
/imagee pressione Enter para abrir o painel de opções de imagem.Escolha uma das seguintes opções:
Carregar do meu dispositivo: carregue ou arraste e solte um arquivo de imagem do armazenamento local do seu dispositivo.
Escolher no Drive: selecione uma imagem do Document360 Drive.
URL externo: cole o URL da imagem no campo fornecido.
Clique em Inserir para adicionar a imagem ao artigo.
Você pode adicionar imagens ao seu artigo copiando-as e colando-as ou simplesmente arrastando-as e soltando-as no editor:
Executando uma operação de copiar e colar para colocar a imagem no editor.
Arrastar e soltar uma imagem diretamente no editor a partir do armazenamento local do seu dispositivo.
NOTA
As imagens inseridas por meio de arrastar e soltar são salvas automaticamente no Document360 Drive. As alterações feitas no arquivo de imagem em seu dispositivo local não afetarão a imagem no editor.
NOTA
Você pode formatar imagens no editor WYSIWYG avançado. Para mais informações, leia o artigo sobre Image formatting in the advanced WYSIWYG editor.
Solucionando problemas
Imagem quebrada no site da base de conhecimento
Uma imagem quebrada é uma imagem que não é carregada em uma página da web, exibindo um ícone de imagem ausente e seu texto alternativo. Isso geralmente acontece quando o arquivo de imagem é excluído, movido, renomeado ou o URL que aponta para a imagem está incorreto ou inacessível.
Etapas para resolver:
Recupere a URL da imagem da exibição de código do artigo no portal da base de dados de conhecimento ou inspecionando o elemento no site da base de dados de conhecimento.
Abra o URL da imagem em um navegador.
Se resultar em um erro 404, a imagem pode ter sido excluída, movida ou renomeada.
Verifique se o arquivo de imagem ainda existe no mesmo caminho e com o mesmo nome.
Como prática recomendada:
Carregue imagens diretamente na unidade do Document360 em vez de usar URLs externos.
Adicionar imagens do Document360 Drive ajuda a organizar os ativos com eficiência e evita imagens quebradas no futuro.
Perguntas frequentes
Posso alterar o alinhamento de uma imagem no Markdown?
Sim, você pode alterar o alinhamento da imagem no Markdown.
NOTA
Para obter mais informações, leia o artigo Como alinhar a imagem no Markdown?
Qual é o método recomendado para inserir imagens em artigos?
O método recomendado é carregar imagens na unidade do Document360 e inseri-las diretamente nos artigos. Isso garante a estabilidade da imagem e evita links de imagem quebrados se a imagem for removida ou renomeada no futuro.
Posso personalizar a aparência das imagens inseridas?
Sim, você pode personalizar o alinhamento, o tamanho e o estilo das imagens inseridas para atender às suas preferências e otimizar a apresentação visual em seus artigos.
Como posso garantir a acessibilidade para usuários com deficiência visual ao adicionar imagens?
Você pode fornecer texto alternativo (texto alternativo) para cada imagem, o que ajuda as ferramentas de leitura de tela a descrever imagens para usuários com deficiência visual e melhora a otimização de mecanismos de pesquisa (SEO) para sua base de conhecimento.
Como posso adicionar ícones alinhados com o texto?
Para adicionar ícones no editor de markdown, basta colar o trecho de código HTML do ícone onde quiser que ele apareça no texto. Por exemplo, use <nor class="fa-light fa-comment"></nor> para um ícone de comentário.
Se você estiver usando o editor WYSIWYG avançado, coloque o cursor onde deseja o ícone, alterne para a visualização de código e cole o mesmo snippet de código HTML. Depois de colar, salve o arquivo e volte para a visualização normal. Agora você deve ver o ícone alinhado com o seu texto. Você pode encontrar esses trechos de ícones em sites como o FontAwesome.
As imagens copiadas de uma fonte externa e coladas no Document360 serão armazenadas permanentemente? O que acontece se a fonte externa for excluída?
Se você copiar e colar imagens de uma fonte externa no Document360, elas serão armazenadas no Document360 Drive. No entanto, recomendamos fazer upload de imagens diretamente do Drive em vez de colá-las.
Se as imagens forem adicionadas usando um link externo e a fonte original for excluída, as imagens serão quebradas no Document360.