Abonnementen die deze functie ondersteunen: Professional Business Enterprise
Het toevoegen van afbeeldingen aan je artikelen verbetert het begrip en de betrokkenheid. Visuele hulpmiddelen verduidelijken complexe procedures en illustreren gewenste resultaten effectiever dan alleen tekst. Afbeeldingen vereenvoudigen instructies, waardoor ze makkelijker te volgen en te begrijpen zijn. Ze verbeteren de gebruikerservaring en dragen bij aan de algehele effectiviteit van de documentatie.
Er zijn verschillende methoden om afbeeldingen in je artikelen in te voegen met de Markdown-editor of de Advanced WYSIWYG-editor. Elke methode biedt zijn eigen voordelen en maakt aanpassingen mogelijk naar jouw voorkeuren.
Een afbeelding invoegen in de Markdown-editor
Je kunt afbeeldingen in je documentatie invoegen met de Markdown op vier methoden:
Methode 1: Afbeelding invoegen vanuit upload/URL
Methode 2: Afbeelding invoegen vanuit de bestandskiezer
Methode 3: Afbeelding invoegen met Insert file ()
Methode 4: Afbeelding invoegen door te slepen en neerzetten
Uploaden gebruiken
Om een afbeelding in te voegen:
Navigeer naar het gewenste artikel in de Markdown-editor.
Klik op het pictogram Afbeelding invoegen () en selecteer Van Upload/URL.
Klik in het tabblad Bestand op de knop Bestand kiezen .
Selecteer het afbeeldingsbestand dat je wilt uit je lokale opslag en klik op Openen.
Typ in het veld Beschrijving een beschrijving van de afbeelding in.
Klik OK.
De afbeelding wordt ingevoegd in het artikel waar de cursor wordt geplaatst.
OPMERKING
De hoogte en breedte van de afbeelding worden niet standaard
{height="" width=""}ingesteld.
Indien nodig kun je de pixelafmetingen (px) specificeren voor het weergeven van je afbeelding in de documentatie.
Bijvoorbeeld, {height="720" width="1280"}.
Je kunt de grootte van de afbeelding zien in de documentatie in het Voorbeeldpaneel.
Van URL
Om een afbeelding in te voegen met een URL:
Navigeer naar het gewenste artikel in de Markdown-editor.
Klik op het pictogram Afbeelding invoegen () en selecteer Van Upload/URL.
Voer in het tabblad URL de gewenste afbeeldings-URL in.
Typ in het veld Beschrijving een beschrijving van de afbeelding in.
Klik OK.
De afbeelding wordt ingevoegd in het artikel waar de cursor wordt geplaatst.
OPMERKING
De hoogte en breedte van de afbeelding worden niet standaard
{height="" width=""}ingesteld.
Indien nodig kun je de pixelafmetingen (px) specificeren voor het weergeven van je afbeelding in de documentatie.
Bijvoorbeeld, {height="720" width="1280"}.
Je kunt de grootte van de afbeelding zien in de documentatie in het Voorbeeldpaneel.
OPMERKING
We raden aan om afbeeldingen toe te voegen aan de Document360 Drive en deze vervolgens in artikelen in te voegen. Wanneer je uploadt met de afbeeldings-URL, en als de afbeelding in de toekomst wordt verwijderd of hernoemd, zal deze kapot verschijnen op de kennisbanksites.
Om een afbeelding in te voegen vanuit de bestandskiezer:
Navigeer naar het gewenste artikel in de Markdown-editor.
Klik op het pictogram Afbeelding invoegen () en selecteer Vanuit bestandskiezer.
Het Drive-paneel verschijnt alleen met afbeeldingsbestandsbestanden.
OPMERKING
Je kunt elk aantal afbeeldingen in één keer invoegen. De selectie van meerdere afbeeldingen is alleen beschikbaar in Markdown- en Advanced WYSIWYG-editors.
Navigeer naar de gewenste map waar de afbeelding die je wilt uploaden beschikbaar is.
Selecteer de gewenste afbeelding(en) en klik op Invoegen.
De afbeelding wordt ingevoegd in het artikel waar de cursor wordt geplaatst.Indien nodig kun je de pixelafmetingen (px) specificeren voor het weergeven van je afbeelding in de documentatie.
Bijvoorbeeld, {height="720" width="1280"}.
Je kunt de grootte van de afbeelding zien in de documentatie in het Voorbeeldpaneel.
Om een afbeelding in te voegen met het Insert file ():
Navigeer naar het gewenste artikel in de Markdown-editor.
Klik op het pictogram Bestand invoegen ()
Het Drive-paneel verschijnt.
Navigeer naar de gewenste map waar de afbeelding die je wilt uploaden beschikbaar is.
Selecteer de afbeelding en klik op Invoegen.
De afbeelding wordt ingevoegd in het artikel waar de cursor wordt geplaatst.
OPMERKING
De hoogte en breedte van de afbeelding worden niet standaard
{height="" width=""}ingesteld.
Indien nodig kun je de pixelafmetingen (px) specificeren voor het weergeven van je afbeelding in de documentatie.
Bijvoorbeeld, {height="720" width="1280"}.
Je kunt de grootte van de afbeelding zien in de documentatie in het Voorbeeldpaneel.
Je kunt een afbeelding aan de editor toevoegen door deze van je lokale systeem naar je editor te slepen.
De afbeeldingen die je in een artikel invoegt via drag and drop, worden automatisch opgeslagen in de Document360 Drive. Wijzigingen aan je lokale bestand hebben geen invloed op de ingevoegde afbeelding.
Een afbeelding invoegen in de Advanced WYSIWYG-editor
Je kunt afbeeldingen in je documentatie invoegen met de Advanced WYSIWYG-editor via de volgende methoden:
Methode 1: Gebruik van het Quick Insert-menu
Methode 2: Gebruik van het Slash-commando
Methode 3: Gebruik van Kopiëren en plakken of Slepen en neerzetten
Om een afbeelding toe te voegen via het menu Snel invoegen :
Navigeer naar het gewenste artikel in de Advanced WYSIWYG-editor.
Het Quick insert-menu verschijnt alleen wanneer het blok leeg is.
Klik op het pictogram Afbeelding () in het menu voor snelle invoeg .
Er verschijnt een Insert image panel met de volgende opties:
Upload vanaf mijn apparaat: Upload of sleep en laat een afbeeldingsbestand los vanaf de lokale opslag van je apparaat.
Kies uit Drive: Selecteer een image uit je Document360 Drive met de bestandskiezer.
Externe URL: Plak de afbeeldings-URL in het opgegeven veld.
Klik op Invoegen om de afbeelding aan het artikel toe te voegen.
OPMERKING
Het Quick Insert-menu verdwijnt automatisch zodra je begint met typen in het blok.
Als je de inhoud in het blok verwijdert, verschijnt het Quick Insert-menu opnieuw voor hergebruik.
Om een afbeelding toe te voegen met het Slash-commando/:
Navigeer naar het gewenste artikel in de Advanced WYSIWYG-editor.
Typ
/imageen druk Enter om het afbeeldingsoptiepaneel te openen.Kies een van de volgende opties:
Upload vanaf mijn apparaat: Upload of sleep en laat een afbeeldingsbestand los vanaf de lokale opslag van je apparaat.
Kies uit Drive: Selecteer een image uit je Document360 Drive.
Externe URL: Plak de afbeeldings-URL in het opgegeven veld.
Klik op Invoegen om de afbeelding aan het artikel toe te voegen.
Je kunt afbeeldingen aan je artikel toevoegen door ze te kopiëren en plakken of ze simpelweg te slepen en neer te zetten in de editor:
Een kopieer-plak uitvoering om de afbeelding in de editor te plaatsen.
Een afbeelding direct slepen en neerzetten in de editor vanuit de lokale opslag van je apparaat.
OPMERKING
Afbeeldingen die via slepen en neerzetten worden ingevoegd, worden automatisch opgeslagen op je Document360 Drive. Wijzigingen aan het afbeeldingsbestand op je lokale apparaat hebben geen invloed op de afbeelding in de editor.
OPMERKING
Je kunt afbeeldingen formatteren in de Advanced WYSIWYG-editor. Voor meer informatie, lees het artikel over afbeeldingsopmaak in de geavanceerde WYSIWYG-editor.
Probleemoplossing
Gebroken afbeelding op de kennisbasissite
Een gebroken afbeelding is een afbeelding die niet kan laden op een webpagina, waarbij een ontbrekend afbeeldingspictogram en de alternatieve tekst worden weergegeven. Dit gebeurt meestal wanneer het afbeeldingsbestand wordt verwijderd, verplaatst, hernoemd, of wanneer de URL die naar de afbeelding verwijst onjuist of ontoegankelijk is.
Stappen om op te lossen:
Haal de afbeeldings-URL op uit de codeweergave van het artikel in het kennisbankportaal of door het element op de kennisbanksite te inspecteren.
Open de afbeeldings-URL in een browser.
Als dit resulteert in een 404-fout, kan de afbeelding verwijderd, verplaatst of hernoemd zijn.
Zorg ervoor dat het afbeeldingsbestand nog steeds op hetzelfde pad en met dezelfde naam bestaat.
Als best practice:
Upload afbeeldingen direct naar de Document360 Drive in plaats van externe URL's te gebruiken.
Het toevoegen van afbeeldingen van Document360 Drive helpt om assets efficiënt te organiseren en voorkomt toekomstige gebroken afbeeldingen.
Veelgestelde vragen
Kan ik de uitlijning van een afbeelding in Markdown veranderen?
Ja, je kunt de beelduitlijning aanpassen in Markdown.
OPMERKING
Voor meer informatie, lees het artikel over Hoe je de afbeelding uitlijnt in Markdown?
Wat is de aanbevolen methode om afbeeldingen in artikelen in te voegen?
De aanbevolen methode is om afbeeldingen te uploaden naar de Document360 Drive en ze direct in artikelen in te voegen. Dit zorgt voor beeldstabiliteit en voorkomt gebroken afbeeldingslinks als de afbeelding in de toekomst wordt verwijderd of hernoemd.
Kan ik het uiterlijk van de ingevoegde afbeeldingen aanpassen?
Ja, je kunt de uitlijning, grootte en stijl van ingevoegde afbeeldingen aanpassen aan jouw voorkeuren en de visuele presentatie binnen je artikelen optimaliseren.
Hoe kan ik toegankelijkheid garanderen voor slechtziende gebruikers bij het toevoegen van afbeeldingen?
Je kunt alternatieve tekst (alt-tekst) voor elke afbeelding aanbieden, wat schermleestools helpt om afbeeldingen te beschrijven aan slechtziende gebruikers en de zoekmachineoptimalisatie (SEO) voor je kennisbank verbetert.
Hoe kan ik iconen toevoegen die in lijn zijn met tekst?
Om pictogrammen toe te voegen aan de markdown-editor, plak je simpelweg het HTML-codefragment van het icoon waar je wilt dat het in je tekst verschijnt. Gebruik <nor class="fa-light fa-comment"></nor> bijvoorbeeld voor een commentaar-icoon.
Als je de geavanceerde WYSIWYG-editor gebruikt, plaats dan de cursor waar je het icoon wilt hebben, schakel over naar codeweergave en plak hetzelfde HTML-codefragment. Na het plakken sla je het bestand op en schakel je terug naar de gewone weergave. Je zou nu het pictogram in lijn met je tekst moeten zien. Je kunt deze pictogramfragmenten vinden op websites zoals FontAwesome.
Worden afbeeldingen die van een externe bron zijn gekopieerd en in Document360 geplakt, permanent opgeslagen? Wat gebeurt er als de externe bron wordt verwijderd?
Als je afbeeldingen van een externe bron kopieert en plakt in Document360, worden ze opgeslagen in Document360 Drive. We raden echter aan om afbeeldingen direct vanaf de Drive te uploaden in plaats van ze te plakken.
Als afbeeldingen via een externe link worden toegevoegd en de originele bron wordt verwijderd, zullen de afbeeldingen in Document360 breken.