# Image Plaats een afbeelding op je webpagina om de tekst te verduidelijken. **Let op: maak de afbeelding eerst in het gewenste formaat en de juiste resolutie in een fotobewerkingsprogramma.** * Kies de sectie waar je de afbeelding wilt plaatsen * Druk op + * Kies Image * Je ziet nu het onderstaande scherm ![](/files/E6W2Y1j96lTvjxVZJ2ZW) * Upload het bestand (jpg of png, bij voorkeur niet groter dan 200kb) * Een preview verschijnt * Geef de afbeelding een titel en alt-tekst (voor toegankelijkheid, beschrijf de afbeelding) * Wil je een link toevoegen? Kies dan Yes en voeg de url toe waarnaar de afbeelding moet linken * Je kunt ook linken naar een grotere versie van de afbeelding: * Druk onder de preview van de afbeelding op view file * In het nieuwe tabblad, kopieer het deel van de url vanaf /uploads/... * Plak de url in het linkveld * Kies hoe je de afbeelding wilt weergeven in de vooringestelde opties ### De afbeelding Zorg dat de afbeelding van goede kwaliteit is, dus goed scherp. Voor paginagrote afbeeldingen kies je een resolutie van 1920x1080. Let op dat de afbeelding niet te groot is, dat gaat ten koste van de snelheid van de pagina. Snijd de afbeelding in een fotobewerkingsprogramma bij op het juiste formaat. Dit kan niet na uploaden in OpenStad. ### Styling Styles for the container: Deze module beschikt over de standaard CSS styling mogelijkheden, zie [styles for the container.](/openstad/manual/miscellaneous/styles-for-the-container.md) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openstad.org/openstad/manual/modules/image.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.