Afbeeldingen uploaden voor Markdown: voor GitHub READMEs, docs en notities

Door het productteam

Upload een screenshot, diagram of GIF. Je krijgt Markdown die je direct kunt plakken in een README, een wiki of je notities - gratis, zonder registratie, en de link verloopt niet.

Afbeelding uploaden

★ Beoordeeld met 4.4/5 op basis van 137 gebruikersbeoordelingen

Markdown toont een afbeelding via een link: ![alt text](image link). De afbeelding moet ergens op internet staan. YourImageShare host hem gratis en geeft je de Markdown-regel om te plakken, voor GitHub, GitLab, Obsidian, documentatiesites of elk ander Markdown-bestand.

Markdown voor een afbeelding krijgen

  1. Upload de afbeelding. Klik op Afbeelding uploaden, of plak op een computer een screenshot direct vanaf het klembord met Ctrl+V.
  2. Open het tabblad Markdown zodra het uploaden klaar is en kopieer de code.
  3. Plak de code in je bestand.

Het tabblad Markdown geeft een aanklikbare afbeelding die de afbeelding op volledige grootte opent:

[![AbC123xYz0](https://yourimageshare.com/ib/AbC123xYz0.png)](https://yourimageshare.com/ib/AbC123xYz0)

Wil je alleen de afbeelding zonder link, houd dan alleen het binnenste deel over en geef het een goede alt-tekst:

![Settings screen](https://yourimageshare.com/ib/AbC123xYz0.png)

Afbeeldingen in GitHub READMEs, issues en wiki's

GitHub toont externe afbeeldingen in READMEs, issues, pull requests, discussies en wiki's. Plak de Markdown-code en de afbeelding verschijnt zodra de pagina wordt weergegeven.

  • Stel een grootte in met een HTML-tag, die GitHub in Markdown toestaat: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • Demo-GIF's blijven afspelen in een README - zie GIF's uploaden, of zet een schermopname om in een GIF met de video-naar-GIF-converter.
  • Alt-tekst beschrijft de afbeelding voor schermlezers en verschijnt als de afbeelding niet kan laden.

Obsidian, Notion en documentatiesites

  • Obsidian, Typora, de VS Code-preview en andere Markdown-editors tonen de afbeelding via de link, zodat je notities klein blijven en de afbeelding op elk apparaat werkt.
  • Notion: typ /image, kies Embed link en plak de directe link (het tabblad Direct).
  • Docs-sites gebouwd met MkDocs, Docusaurus, Jekyll, Hugo of GitBook tonen dezelfde Markdown-syntaxis voor afbeeldingen.

Waarom afbeeldingen buiten de repository hosten

  • Kleinere repositories. Screenshots en GIF's voegen megabytes toe aan elke kloon, voor altijd, zelfs nadat je ze vervangt. Een geüploade afbeelding wordt pas geladen als iemand de pagina bekijkt.
  • Links verlopen niet. Afbeeldingen blijven bewaard tot je ze verwijdert.
  • Geen account nodig, en niets om in te stellen. Voor scripts en CI is er een gratis upload-API.
  • Volledige resolutie en geen watermerk. EXIF-gegevens, inclusief locatie, worden verwijderd voordat de afbeelding wordt opgeslagen.

Veelgestelde vragen

Hoe voeg ik een afbeelding toe aan een Markdown-bestand?
Upload de afbeelding, kopieer de Markdown-code van het tabblad Markdown en plak die in het bestand. Markdown toont een afbeelding met ![alt text](image link).
Kan ik deze afbeeldingen gebruiken in een GitHub README?
Ja. GitHub toont externe afbeeldingen in READMEs, issues, pull requests en wiki's. Plak de Markdown-code en de afbeelding verschijnt zodra het bestand wordt weergegeven.
Hoe stel ik de grootte van een afbeelding in een README in?
Gewone Markdown heeft geen optie voor de grootte. Gebruik op GitHub een HTML-afbeeldingstag met een breedte, bijvoorbeeld <img src="image link" width="400" alt="Screenshot">.
Waarom README-afbeeldingen buiten de repository hosten?
Screenshots en demo-GIF's voegen megabytes toe aan elke kloon van de repository. Een geüploade afbeelding wordt pas geladen als iemand de README bekijkt.
Verlopen de links naar afbeeldingen?
Nee. Afbeeldingen blijven bewaard tot je ze verwijdert, dus links in documentatie blijven werken.

Meer toepassingen

Klaar om je afbeelding toe te voegen?