--- title: Een afbeelding of animatie toevoegen description: Een afbeelding of animatie toevoegen --- [Overslaan naar inhoud](https://support.publitas.com/nl/adding-an-image-or-animation#main-content) - [Nederlands](https://support.publitas.com/nl/adding-an-image-or-animation) - [Deutsch (Duits)](https://support.publitas.com/de/adding-an-image-or-animation) - [English (Engels)](https://support.publitas.com/adding-an-image-or-animation) - [Español (Spaans)](https://support.publitas.com/es/cómo-agregar-una-imagen-o-animación) Nederlands Submenu tonen voor vertalingen [Contact Support](https://support.publitas.com/nl/kb-tickets/new?hsLang=nl) ![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=175&height=57&name=Publitas%20blue-270.png) Hoofdnavigatie openen Hoofdnavigatie sluiten - - [Nederlands](https://support.publitas.com/nl/adding-an-image-or-animation) - [Deutsch (Duits)](https://support.publitas.com/de/adding-an-image-or-animation) - [English (Engels)](https://support.publitas.com/adding-an-image-or-animation) - [Español (Spaans)](https://support.publitas.com/es/cómo-agregar-una-imagen-o-animación) Nederlands Submenu tonen voor vertalingen - [Contact Support](https://support.publitas.com/nl/kb-tickets/new) - [Back to Publitas](https://www.publitas.com/) [Back to Publitas](https://www.publitas.com/) How can we help you? - Er zijn geen suggesties want het zoekveld is leeg. 1. [Knowledge Base](https://support.publitas.com/nl?hsLang=nl) 2. [Hotspots toevoegen](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl) 3. [Uitleg over hotspots](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl#uitleg-over-hotspots) # Een afbeelding of animatie toevoegen ***Verkrijgbaar in Zilver, Goud & Enterprise*** Met de Afbeeldingshotspot, beschikbaar in de werkbalk van de editor, kun je zowel statische als geanimeerde afbeeldingen toevoegen aan de pagina's van je online publicatie. Geanimeerde afbeeldingen (GIF's) kunnen meer aandacht trekken naar bepaalde gebieden van de pagina of scènes tot leven brengen. De ondersteunde indelingen zijn JPG, PNG en GIF. De laatste twee ondersteunen ook transparantie, waardoor de afbeelding in de bestaande inhoud kan opgaan. ### Zo werkt het: 1. Open de editor via **Hotspots toevoegen** 2. Selecteer de tool **Een afbeelding toevoegen** 3. Teken het gebied waarin de afbeelding moet worden geplaatst 4. Voer de afbeeldings-URL in of upload de afbeelding naar Publitas 5. Selecteer of de afbeelding moet verschijnen na klikken (***hotspot***), op de pagina moet worden weergegeven (***insluiten***), of beide (interactieve insluiting) *Een afbeeldingshotspot maken: ![](https://support.publitas.com/hs-fs/hubfs/nladdimage-gif.gif?width=670&height=354&name=nladdimage-gif.gif)* Een alternatieve optie is om een of meer afbeeldingen naar een pagina in Publitas Editor te slepen, waarna hotspots automatisch worden aangemaakt. ![](https://support.publitas.com/hs-fs/hubfs/nldragimage-gif.gif?width=670&height=354&name=nldragimage-gif.gif) Optioneel kun je de weergave van de afbeelding aanpassen door het relevante deel van de afbeelding bij te snijden, de hoeken af te ronden of de transparantie van de afbeelding in te stellen zodat deze opgaat in de rest van de inhoud. Lees meer over [Afbeeldingen bijsnijden en bewerken in Publitas](https://support.publitas.com/nl/crop-and-edit-images-in-publitas-editor?hsLang=nl). ### ![](https://support.publitas.com/hs-fs/hubfs/nlcropimage-gif.gif?width=670&height=354&name=nlcropimage-gif.gif) ### Tips: - Je kunt ook ***Alt-tekst*** **toevoegen** om de inhoud te beschrijven voor gebruikers met een visuele beperking. - Gebruik de optie Vullen voor ingesloten afbeeldingen om je afbeeldingen het toegewezen gebied van rand tot rand te laten vullen. - Om ervoor te zorgen dat je inhoud direct wordt geladen en **het gewicht van de inhoud voor mobiel verkeer te verminderen,** optimaliseert Publitas afbeeldingsinhoud automatisch voor de beste ervaring. We raden echter nog steeds aan om GIF's te optimaliseren voor online gebruik. - Voor GIF's: - Houd bestandsgroottes ruim onder 500 KB, bij voorkeur indien mogelijk onder 100 KB, zonder dat dit ten koste gaat van de kwaliteit - Gebruik een stop-motioneffect om het benodigde aantal frames te verminderen - Overweeg de Videohotspot met de optie Geanimeerde inhoud te gebruiken, waarmee GIF's automatisch worden geoptimaliseerd - bron: [Geanimeerde inhoud toevoegen om betrokkenheid te stimuleren](https://support.publitas.com/nl/add-animated-content-to-drive-engagement?hsLang=nl) - Voor video's: - Gebruik een maximale resolutie van 1080p om prestaties op alle apparaten te garanderen - Houd videobestandsgroottes onder 20 MB, afhankelijk van de lengte - Je kunt **een stop-motioneffect gebruiken** om het benodigde aantal frames te verminderen. Dit is vooral handig als je een lange animatie hebt of wilt dat de animatie een hele pagina beslaat. - Als je een animatie wilt laten herhalen, kun je een herhaalaantal instellen of een eindeloze lus configureren wanneer je de animatie exporteert naar een GIF-bestand ([Een geanimeerde GIF maken in Photoshop](https://www.youtube.com/watch?v=omdfcGYEqPY)). - Wanneer de PDF-downloadoptie in het menu van de Reader staat en je van plan bent animaties aan je publicatie toe te voegen, overweeg dan om een statische versie van de afbeelding in de PDF weer te geven die onder de animatie staat. Op deze manier is er geen lege ruimte op de pagina wanneer gebruikers de PDF downloaden, omdat de afbeeldingshotspots daarin niet zijn opgenomen. - [Beheer van publicaties](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#main-content) - [Inhoud maken in Publitas](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#inhoud-maken-in-publitas) - [Je publicaties beheren](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#je-publicaties-beheren) - [Pagina's bewerken](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#paginas-bewerken) - [De URL van de publicatie bijwerken](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#de-url-van-de-publicatie-bijwerken) - [SEO](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#seo) - [Probleemoplossing](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#probleemoplossing) - [Maak adaptieve content in Publitas](https://support.publitas.com/nl/beheer-van-publicaties?hsLang=nl#maak-adaptieve-content-in-publitas) - [Hotspots toevoegen](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl#main-content) - [De hotspot-editor gebruiken](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl#de-hotspot-editor-gebruiken) - [Uitleg over hotspots](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl#uitleg-over-hotspots) - [Automatisering van hotspots](https://support.publitas.com/nl/hotspots-toevoegen?hsLang=nl#automatisering-van-hotspots) - [De Reader aanpassen](https://support.publitas.com/nl/de-reader-aanpassen?hsLang=nl#main-content) - [Instellingen van de Reader](https://support.publitas.com/nl/de-reader-aanpassen?hsLang=nl#instellingen-van-de-reader) - [Merkopbouw](https://support.publitas.com/nl/de-reader-aanpassen?hsLang=nl#merkopbouw) - [Banners](https://support.publitas.com/nl/de-reader-aanpassen?hsLang=nl#banners) - [Publicaties uitgeven](https://support.publitas.com/nl/publicaties-uitgeven?hsLang=nl#main-content) - [Delen](https://support.publitas.com/nl/publicaties-uitgeven?hsLang=nl#delen) - [Inbedding](https://support.publitas.com/nl/publicaties-uitgeven?hsLang=nl#inbedding) - [Beschikbaarheid](https://support.publitas.com/nl/publicaties-uitgeven?hsLang=nl#beschikbaarheid) - [Bereik genereren](https://support.publitas.com/nl/publicaties-uitgeven?hsLang=nl#bereik-genereren) - [E-commerce en productfeeds](https://support.publitas.com/nl/e-commerce-en-productfeeds?hsLang=nl#main-content) - [Productfeeds importeren](https://support.publitas.com/nl/e-commerce-en-productfeeds?hsLang=nl#productfeeds-importeren) - [Productgegevens beheren](https://support.publitas.com/nl/e-commerce-en-productfeeds?hsLang=nl#productgegevens-beheren) - [E-commerceoplossingen](https://support.publitas.com/nl/e-commerce-en-productfeeds?hsLang=nl#e-commerceoplossingen) - [Dynamische Publicaties](https://support.publitas.com/nl/dynamische-publicaties?hsLang=nl#main-content) - [Dynamische content maken](https://support.publitas.com/nl/dynamische-publicaties?hsLang=nl#dynamische-content-maken) - [Publicatieanalyses](https://support.publitas.com/nl/publicatieanalyses?hsLang=nl#main-content) - [Publicatie-dashboard](https://support.publitas.com/nl/publicatieanalyses?hsLang=nl#publicatie-dashboard) - [Google Analytics](https://support.publitas.com/nl/publicatieanalyses?hsLang=nl#google-analytics) - [Andere integraties](https://support.publitas.com/nl/publicatieanalyses?hsLang=nl#andere-integraties) - [Inzichten en aanbevelingen](https://support.publitas.com/nl/publicatieanalyses?hsLang=nl#inzichten-en-aanbevelingen) - [API](https://support.publitas.com/nl/api?hsLang=nl#main-content) - [Publitas API](https://support.publitas.com/nl/api?hsLang=nl#publitas-api) - [Privacy en veiligheid](https://support.publitas.com/nl/privacy-en-veiligheid?hsLang=nl#main-content) - [Accountbeveiliging](https://support.publitas.com/nl/privacy-en-veiligheid?hsLang=nl#accountbeveiliging) - [Cookies, privacy en beleid](https://support.publitas.com/nl/privacy-en-veiligheid?hsLang=nl#cookies-privacy-en-beleid) - [Account](https://support.publitas.com/nl/account?hsLang=nl#main-content) - [Gebruikersnaam en wachtwoord](https://support.publitas.com/nl/account?hsLang=nl#gebruikersnaam-en-wachtwoord) - [Je account beheren](https://support.publitas.com/nl/account?hsLang=nl#je-account-beheren) - [Facturering](https://support.publitas.com/nl/facturering?hsLang=nl#main-content) - [Factuurgegevens](https://support.publitas.com/nl/facturering?hsLang=nl#factuurgegevens) - [Abonnement](https://support.publitas.com/nl/facturering?hsLang=nl#abonnement) - [Dataverkeer](https://support.publitas.com/nl/facturering?hsLang=nl#dataverkeer) - [Partners en integraties](https://support.publitas.com/nl/partners-en-integraties?hsLang=nl) - [Leercentrum](https://support.publitas.com/nl/leercentrum?hsLang=nl#main-content) - [Handleidingen](https://support.publitas.com/nl/leercentrum?hsLang=nl#handleidingen) - [Vertrouwen en veiligheid](https://support.publitas.com/nl/vertrouwen-en-veiligheid?hsLang=nl) [![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=100&height=32&name=Publitas%20blue-270.png "Publitas blue-270")](http://publitas.com) Copyright © 2025, Publitas B.V.