Terug naar de app

Hoe je DVD Screensaver Maker gebruikt

Geplaatst op 1 augustus 2026

Het logo en de naam DVD Screensaver Maker op een donkere achtergrond

DVD Screensaver Maker is een simulator van het stuiterende DVD-logo die in de browser draait. Pas alles aan — kleuren, snelheid, formaat en wat er stuitert — en exporteer het resultaat als zelfstandig HTML-bestand, als GIF, of als MP4- of WebM-video. Geen registratie, geen watermerk, volledig gratis.

Het is gebouwd om zonder instructies te werken: je opent het en er beweegt al een logo. Maar achter dat eerste scherm zit meer dan het laat zien, en een paar bedieningselementen gedragen zich op een manier die pas achteraf logisch is. Deze pagina neemt ze allemaal door.

Het beginpunt is het scherm zelf. Alles wat je aanraakt zit in een van de vier zones, en hun namen kennen maakt de rest van deze gids een stuk sneller te volgen.

De indeling van de app

De interface met vier omkaderde en benoemde zones: Navbar rechtsboven, Setting Group langs de linkerrand, Setting Options in het paneel ernaast en Live Preview Canvas op de rest

De bediening in de bovenbalk

Vier knoppen staan rechtsboven op elke pagina, boven het canvas. Twee veranderen wat je ziet, één verandert de taal, en één is hoe je je bestand krijgt.

KnopBeschrijvingAfbeelding
GuidesHet gloeilamppictogram opent een kort menu met gidsen. More onderaan leidt naar de volledige lijst.Het geopende gidsenmenu met How to Use the Tool, Google DVD Easter Egg en The Corner Hit, Explained, en More onder een scheidingslijn
ThemeDe zon-en-maanknop wisselt tussen het donkere en het lichte thema. Het pictogram toont het thema waar je naartoe gaat, niet dat waar je al bent, dus een maan betekent dat klikken je naar donker brengt. D doet hetzelfde.De vier knoppen in het donkere thema, met een zonpictogramDezelfde vier knoppen in het lichte thema, de zon vervangen door een maan
LanguageDe taalknop zet de hele site om naar een van 14 talen en houdt je op de pagina die je las. Elke taal heeft een eigen adres, dus een link als /fr/ kun je direct delen.Het geopende taalmenu met English, Español, Français, Deutsch, Nederlands, Italiano, Português, Dansk, Norsk en Svenska, en meer eronder
ExportDe knop Export opent het exportmenu: Save as HTML, Download GIF, Download WebM en Download MP4.Het geopende exportmenu, ingedeeld in Code met Save as HTML, Animation met Download GIF, en Video met Download WebM en Download MP4

De bediening op het canvas

Vijf knoppen staan op het canvas zelf: drie linksboven, twee rechtsboven. Elke knop heeft een sneltoets, en alle sneltoetsen worden genegeerd zolang je cursor in een tekstveld staat.

De balk op het canvas: afspelen, opnieuw starten en geluid linksboven; de beeldverhoudingsbadge 16:9 en de knop voor volledig scherm rechtsboven
KnopBeschrijvingToets
Play / PauseBevriest de animatie waar hij is.Space
ResetStart elk logo opnieuw vanaf een nieuwe positie en richting.R
SoundStandaard uit. Geeft een tik bij elke botsing tegen de rand.M
Aspect RatioWisselt tussen 16:9, 9:16 en 1:1. Doet niets in volledig scherm.A
Full ScreenVult het browservenster.F · Esc

De beeldverhouding bepaalt de vorm van het geëxporteerde bestand. 16:9 voor een monitor, 9:16 voor een telefoon, 1:1 voor een feedbericht. Stel hem in vóór het exporteren — hem daarna wijzigen betekent het bestand opnieuw maken. Elk exportvenster toont de huidige verhouding in het overzicht YOUR SETTINGS.

Het geluid bepaalt of de export audio bevat. Staat het aan, dan krijgen MP4 en WebM een echte audiospoor met de tikken van de botsingen, en het zelfstandige HTML-bestand speelt dezelfde piepjes. Een GIF kan helemaal geen audio bevatten, dus een GIF is hoe dan ook stil.

Achtergrondinstellingen

De eerste Setting Group. Drie opties, elk met een eigen schakelaar, en elk toont zijn bediening pas als hij aanstaat.

AfbeeldingBeschrijving
De optie Color ingeschakeld, met een verzadigingsvlak, schuifregelaars voor tint en alfa, een Hex-veld met pipet- en willekeurknop, en een rij van zeven kleurstalenColor — stelt de achtergrondkleur in, van boven naar beneden:
  • Kleurvlak en tintregelaar — kies de kleur op het oog.
  • Alfaregelaar — hoe doorzichtig hij is. Op nul verdwijnt de achtergrond volledig.
  • Formaatknop — wisselt de waarde tussen Hex, RGB en HSL.
  • Hex-veld — typ een exacte waarde, voor een merkkleur.
  • Pipet — neemt een kleur van waar dan ook op je scherm.
  • Willekeurig — kiest er een voor je.
  • Stalen — zeven kant-en-klare kleuren, één klik elk.
De schakelaar Color uitzetten maakt de achtergrond met één klik transparant, net als de alfa naar nul slepen. Een transparante achtergrond telt wanneer de screensaver over iets anders heen ligt, bijvoorbeeld als stream-overlay.
De optie Image ingeschakeld, met een sleepvak dat PNG, JPG, WebP, GIF en SVG accepteert, en een veld om een afbeeldings-URL te plakkenImage — zet een eigen afbeelding achter de animatie in plaats van een kleur. Zet hem aan en het sleepvak verschijnt:
  • Sleepvak — sleep een bestand erin of klik op browse. PNG, JPG, WebP, GIF en SVG werken allemaal.
  • URL-veld — plak een link in plaats van te uploaden.
  • Dekkingsregelaar — verschijnt zodra er een afbeelding geladen is. Verzwak de afbeelding zodat het logo leesbaar blijft.
De optie CRT Scanlines, uitgeschakeldCRT Scanlines — fijne horizontale lijnen over het hele canvas, voor de oude-televisielook. Standaard uit. Past bij een nostalgische look en werkt tegen een strakke zakelijke.

De twee schakelaars werken samen, in deze volgorde: eerst wordt de kleur geschilderd, daarna komt de afbeelding erbovenop. Daar volgen twee dingen uit.

  • Zet ze allebei uit voor een werkelijk transparante achtergrond. Er wordt helemaal niets geschilderd, dus je ziet wat er achter de screensaver zit — precies wat een overlay nodig heeft.
  • Zet ze allebei aan om een afbeelding te tinten. Omdat de kleur eronder ligt, laat de dekkingsregelaar van de afbeelding omlaag zetten die kleur er doorheen schijnen.

Objectinstellingen

Deze Setting Group bepaalt wat er stuitert. Kies bovenaan een van de drie modi en stel daaronder formaat en kleur in. Die bediening is in alle drie de modi hetzelfde.

DefaultTextImage
Het Asset-paneel met het tabblad Default geselecteerdHet Asset-paneel met het tabblad Text geselecteerd, met een veld Custom Text dat een emoji, het woord DVD en nog een emoji bevat, en een emojiknop ernaastHet Asset-paneel met het tabblad Image geselecteerd, met een sleepvak dat PNG, JPG, WebP, GIF en SVG accepteert en een veld om een afbeeldings-URL te plakken
Het klassieke DVD-merk. Niets in te stellen: je kiest het en het stuitert.Je eigen woorden, tot 30 tekens. De knop naast het veld opent een emojikiezer, dus een emoji op zichzelf werkt ook.Je eigen afbeelding. Sleep een bestand, blader ernaar of plak een URL. PNG, JPG, WebP, GIF en SVG werken allemaal. Een JPG heeft geen transparantie, dus die stuitert als een rechthoek met zijn achtergrond eraan vast. PNG, WebP, GIF en SVG kunnen wel transparant zijn, waardoor het logo alleen stuitert.

Onder de moduskiezer staat de bediening die voor alle drie geldt.

AfbeeldingBeschrijving
De regelaar Scale op 100 procent, de regelaar Count op 1 en een uitgeschakelde schakelaar Bounding BoxFormaat en aantal
  • Scale — hoe groot het object is, in procenten.
  • Count — hoeveel er tegelijk stuiteren. Mutual Collision in de volgende groep doet niets zolang dit 1 is.
  • Bounding Box — tekent de rechthoek die daadwerkelijk voor botsingen wordt gebruikt. De snelste manier om te zien waarom iets stuiterde waar het stuiterde.
Colorize aan, Randomize on Impact uit, Custom Color aan, met daaronder een volledige kleurkiezer met de hexwaarde ff6b6bKleur
  • Colorize — of er überhaupt een kleur over het object wordt gelegd.
  • Randomize on Impact — een nieuwe kleur bij elke botsing tegen de rand, zoals de originele screensaver deed.
  • Custom Color — in plaats daarvan één vaste kleur, met de volledige kiezer eronder.

Colorize werkt anders per modus.

  • Default en Text — Colorize staat vast en kan niet uit. Beide worden als één vlakke vorm getekend, die onzichtbaar zou zijn zonder een kleur die hem vult. Wat je wel kunt kiezen is waar die kleur vandaan komt: Randomize on Impact of Custom Color.
  • Image — Colorize kun je zelf schakelen. Uit wordt er niets over je afbeelding gelegd en behoudt hij zijn eigen kleuren. Aan kies je net als hierboven tussen Randomize on Impact en Custom Color.

Randomize on Impact en Custom Color zijn één of-of-schakelaar, geen twee onafhankelijke: zet je de een aan, dan gaat de ander uit, en de kleurkiezer verschijnt alleen aan de kant van Custom Color.

Animatie-instellingen

Deze Setting Group bepaalt hoe het object beweegt. Drie bedieningselementen, en de eerste raakt het geëxporteerde bestand net zo goed als het voorbeeld.

AfbeeldingBeschrijving
Het Animation-paneel met de regelaar Speed op 1.5x en de schakelaars Mutual Collision en Cursor Attractor, beide uit
  • Speed — een vermenigvuldiger van 0.1x tot 10x, beginnend op 1.5x. Hij bepaalt ook het tempo van het geëxporteerde bestand, niet alleen dat van het voorbeeld.
  • Mutual Collision — de logo’s stuiteren tegen elkaar in plaats van door elkaar heen te gaan. Doet niets zolang Count in de vorige groep 1 is.
  • Cursor Attractor — de logo’s worden naar je muisaanwijzer getrokken en volgen die in plaats van rechtdoor te gaan. Hun snelheid blijft begrensd hoe hard er ook getrokken wordt, dus ze slaan nooit op hol.

Presetinstellingen

De laatste Setting Group, en de enige die alle andere verandert. Een preset zet met één klik elke instelling in Background, Asset en Animation, wat het zowel een snelkoppeling maakt als een manier om te zien hoe een bepaalde look is opgebouwd.

AfbeeldingBeschrijving
Het Presets-paneel met een zoekveld boven een lijst van vijf presets: 1999 Classic, Corp Snooze, Short Scroll, Post Perfect en Ghastly Graveyard
  • Search presets — filtert de lijst op naam.
  • De vijf presets — één klik elk. Er een laden vervangt alle instellingen in één keer, dus de gebruikelijke werkwijze is de dichtstbijzijnde laden en van daaruit bijstellen.

Elk is een complete configuratie. Twee ervan zijn genoemd naar de vorm die ze opleveren in plaats van naar de look, wat handig is om te weten als je er een kiest voor een bepaald platform.

PresetWat hij instelt
1999 Classic16:9, CRT-lijnen aan, één DVD-logo op volle grootte, snelheid 1.5x. Het origineel, zo trouw als de tool het doet.
Corp Snooze16:9 op zwart, het woord SYNERGY vier keer op grootte 0.8, botsingskaders zichtbaar, onderlinge botsing aan, vertraagd naar 0.8x.
Short Scroll9:16 staand — de vorm voor telefoon en Story. Afbeeldingsmodus, twee objecten op grootte 1.4, snelheid 1.8x.
Post Perfect1:1 vierkant — de vorm voor een feedbericht. Drie DVD-logo’s op grootte 0.65, onderlinge botsing aan, snelheid 1.8x.
Ghastly Graveyard16:9 op zwart, CRT aan, vijf doodshoofdemoji op grootte 1.65, snelheid 1.8x.

Een preset wist elke afbeelding die je hebt toegevoegd. Er een laden zet de objectafbeelding, de achtergrondafbeelding en alle kleurinstellingen terug voordat hij zijn eigen waarden toepast — voeg je logo dus toe nadat je een preset hebt gekozen, nooit ervoor.

Dit betrapt mensen vooral bij Short Scroll. Die kiest de afbeeldingsmodus maar wist de afbeelding in dezelfde handeling, dus hij begint met het standaard DVD-logo. Dat is het terugvalgedrag zodra de afbeeldingsmodus geen afbeelding heeft, geen fout: voeg de jouwe toe en die neemt het over.

Welke export moet je kiezen?

Vier formaten, ingedeeld in Code, Animation en Video. Welke de juiste is hangt volledig af van waar het bestand naartoe gaat.

AfbeeldingBeschrijving
Het exportmenu met Save as HTML onder CODE, Download GIF onder ANIMATION, en Download WebM en Download MP4 onder VIDEO
  • Save as HTML — één op zichzelf staand bestand dat eindeloos doorloopt zonder internetverbinding. Het beste voor een scherm dat de hele dag draait, zoals in een hal of op een reservemonitor.
  • Download GIF — speelt overal zonder videospeler, wat past bij chat, documenten en dia’s. Het is bij gelijke lengte het grootste bestand, dus houd het kort.
  • Download WebM — dezelfde kwaliteit als MP4 in een kleiner bestand, wat het op het web de betere keuze maakt. Sommige oudere software opent het niet.
  • Download MP4 — de veilige keuze als het op andermans apparaat moet spelen. Tot 1080p en tot een uur.

Wat je ook kiest, het venster dat opent heeft bovenaan zijn eigen opties en daaronder een alleen-lezen overzicht van je instellingen.

Exportoptie: Save As HTML

AfbeeldingBeschrijving
Het venster Save as HTML met een schakelaar Full Screen Export, een knop Download .html en een overzicht YOUR SETTINGS met waarden voor geluid, beeldverhouding, achtergrond, object en animatie
  • Full Screen Export — laat de opgeslagen pagina elk scherm vullen waarop hij wordt geopend. Dit overschrijft de beeldverhouding die je hebt ingesteld, dus laat het uit als je juist 9:16 of 1:1 wilde.
  • Download .html — bouwt het bestand en slaat het met één klik op, met Building your file… tijdens het werk.
  • YOUR SETTINGS — een alleen-lezen overzicht van elke instelling die in het bestand wordt vastgelegd.

Exportoptie: Download GIF

AfbeeldingBeschrijving
Het venster Download GIF met de kwaliteitsopties Low, Mid en High, High geselecteerd, een knop Download GIF en daaronder een overzicht YOUR SETTINGS
  • Quality — Low, Mid of High. Dit bepaalt de grootte van het beeld en hoeveel seconden er worden opgenomen, niet de vloeiendheid.
  • Generate GIF — bouwt het bestand, daarna wordt de knop Download GIF. Elke kwaliteit blijft bewaard zodra hij gemaakt is, dus terugschakelen naar een die je al hebt gemaakt gaat direct.
  • YOUR SETTINGS — een alleen-lezen overzicht van elke instelling die wordt opgenomen.

De drie kwaliteitsstappen verschillen op twee punten, en de framerate hoort daar niet bij:

KwaliteitLangste zijdeLengteFramerate
Low480 px15 seconden24 fps
Mid720 px20 seconden24 fps
High1280 px30 seconden24 fps

Alle drie nemen op met 24 frames per seconde, dus een stap hoger maakt de animatie niet vloeiender — het maakt het beeld groter en de lus langer. In 16:9 komt dat neer op 480 × 270, 720 × 405 en 1280 × 720. Een GIF slaat elk frame als volledig beeld op, dus High is 720 frames van 1280 px breed en het bestand groeit snel. Publiceer je het ergens met een uploadlimiet, begin dan bij Low.

Exportoptie: Download WebM en MP4

Beide videoformaten delen één venster. Alleen de titel, de knop en de bestandsextensie verschillen.

AfbeeldingBeschrijving
Het venster Download MP4 met de resoluties 480p, 720p en 1080p, een duurregelaar op één uur, een knop Download MP4 en daaronder een overzicht YOUR SETTINGS
  • Resolution — 480p, 720p of 1080p. Welke pixelmaat dat oplevert hangt af van je beeldverhouding: 1080p betekent 1920 × 1080 in 16:9 maar 1080 × 1920 in 9:16.
  • Duration — van 1 minuut tot 1 uur, in stappen van een minuut. Het opent altijd op 5 minuten, wat je de vorige keer ook gebruikte.
  • Download MP4 / Download WebM — bouwt de video en slaat hem op, met voortgang tijdens het coderen.
  • YOUR SETTINGS — een alleen-lezen overzicht van elke instelling die wordt opgenomen.

De resolutie noemt de korte zijde, dus welk beeld je krijgt hangt af van de beeldverhouding die je op het canvas hebt ingesteld:

Resolutie16:99:161:1
480p854 × 480480 × 854480 × 480
720p1280 × 720720 × 1280720 × 720
1080p1920 × 10801080 × 19201080 × 1080

Video neemt ook op met 24 frames per seconde, precies als GIF. Resolutie en lengte zijn het enige wat deze twee bedieningselementen veranderen.

WebM is bij elke stap het kleinere bestand. Hetzelfde materiaal wordt met een lagere bitrate gecodeerd dan MP4 — 5,2 tegen 6,4 Mbps bij 1080p — dus kies WebM als bestandsgrootte telt en MP4 als compatibiliteit telt.

De waarschuwing over traag exporteren verschijnt alleen bij MP4. Hij komt als je apparaat geen H.264-encoder in hardware heeft en je 720p of 1080p hebt gekozen. Bij WebM verschijnt hij nooit, en bij 480p ook niet. Het is geen fout: de export werkt gewoon, hij duurt alleen langer, omdat het coderen op je eigen apparaat gebeurt en niet op een server.

Waar mensen over struikelen

Eén ding doet hij niet

Hij geeft je geen hoektreffer op commando.

Elk logo start hier met een willekeurige hoek tussen 25° en 65°, niet met de vaste 45° van de originele DVD-spelers. Dat houdt de banen gevarieerd en de animatie fraaier, maar het betekent ook dat hoektreffers volgens hun eigen logica gebeuren en niet volgens het strakke schema dat de klassieke screensaver volgde. Als het je juist om de hoek te doen is: de wiskunde erachter — en waarom sommige instellingen er nooit een kunnen opleveren — is een onderwerp op zich.

Veelgestelde vragen

Hoe maak ik een stuiterend DVD-logo?

Open de site en het draait al — er valt niets te starten. Kies een preset op het tabblad Presets als je met één klik een resultaat wilt, of wijzig het logo, de kleuren en de snelheid zelf op de andere drie tabbladen. Als het goed staat, gebruik je Export rechtsboven en kies je GIF, MP4, WebM of een zelfstandig HTML-bestand. Geen account en geen registratie, op geen enkel moment.

Hoe gebruik ik mijn eigen logo in plaats van dat van DVD?

Open het tabblad Asset, kies Image en sleep een bestand op het uploadvak, blader ernaar of plak een afbeeldings-URL. PNG, JPG, WebP, GIF en SVG werken allemaal. Gebruik een PNG of SVG met transparante achtergrond als je geen rechthoek om je logo wilt. Laat Colorize uit om de eigen kleuren te behouden.

Waarom kan ik Colorize niet uitzetten?

Omdat je op Default of Text staat. Beide worden als één vlakke vorm getekend, dus de kleur is het enige wat ze zichtbaar maakt en de schakelaar blijft vast staan. Hij komt vrij zodra je naar Image gaat, waar je eigen afbeelding al eigen kleuren heeft.

Welk exportformaat moet ik kiezen?

GIF voor plekken waar geen video speelt — chat, documenten, dia's. MP4 als het op werkelijk elk apparaat moet spelen. WebM voor een kleiner bestand bij dezelfde kwaliteit, op het web. En het zelfstandige HTML-bestand als het zonder speler en zonder internetverbinding op een scherm moet blijven draaien.

Is DVD Screensaver Maker gratis?

Ja — elk formaat, elke resolutie, geen watermerk, geen account en geen exportlimiet. De hele simulatie en elke export draaien in je eigen browser, dus een afbeelding die je toevoegt wordt op je eigen apparaat verwerkt en nergens naartoe gestuurd.

Kan ik de screensaver op volledig scherm zetten?

Ja. De knop rechtsboven op het canvas vult het browservenster, of druk op F. Wil je dat het geëxporteerde bestand het scherm vult, vink dan Full Screen Export aan in het venster Save as HTML — dat overschrijft de beeldverhouding die je had ingesteld.