Transparante video’s converteren
25 september 2025
14 min lezen
Door Kevin R
Type:Software:
Tutorial
Overige
Als webontwikkelaar ben je misschien al eens tegen dit probleem aangelopen: je hebt transparante WebM-video's gemaakt voor je website, maar Safari-gebruikers zien een zwarte achtergrond waar transparantie zou moeten zijn. Dit komt omdat Apple devices momenteel geen ondersteuning bieden voor WebM met VP9 encoding en transparantie. Je kunt het oplossen door safari gebruikers een .mov bestand te laten gebruiken.
Stap-voor-Stap Handleiding
Stap 1: Download en Open Shutter Encoder
Download Shutter Encoder vanaf de officiële website en open de applicatie.
Stap 2: Selecteer je WebM-bestanden
Sleep je transparante WebM-bestanden naar Shutter Encoder of klik op 'Browse' om ze te selecteren. Je kunt meerdere bestanden tegelijk converteren – in mijn geval heb ik 6 verschillende WebM's verwerkt.
Stap 3: Kies de juiste functie
Klik op 'Choose Function' en selecteer 'H.265' uit de lijst. HEVC (H.265) ondersteunt transparantie via alpha channels en kies het .mov bestandsformaat.
Stap 4: Zorg voor alpha channel ondersteuning
Belangrijk: Zorg ervoor dat in de advanced settings de optie 'Enable alpha channel' is aangevinkt. Dit behoudt de transparantie in je video. perfect voor web gebruik.
Stap 5: Start de conversie
Klik op 'Start' en wacht tot de conversie voltooid is. Shutter Encoder zal je WebM-bestanden omzetten naar .mov-bestanden (HEVC/H.265) met behoud van transparantie. De .mov bestanden komen in dezelfde map terecht waar de webm's staan.
Het Resultaat
Na de conversie heb je video's die:
- ✅ Werken op alle browsers, inclusief Safari
- ✅ Transparantie behouden op Apple devices
- ✅ Een consistente gebruikerservaring bieden
- ✅ Veel kleiner zijn dan ProRes dankzij HEVC compressie
- ✅ Betere prestaties dan webp animaties.