Perkembangan teknologi informasi mendorong pemanfaatan media pembelajaran berbasis web yang mampu mendukung proses belajar secara mandiri, interaktif, dan mudah diakses. Pada mata kuliah Pemrosesan Citra Digital, materi spatial filtering merupakan salah satu konsep fundamental yang melibatkan proses konvolusi dan sering kali sulit dipahami hanya melalui penyampaian teori. Penelitian ini bertujuan mengembangkan media pembelajaran interaktif berbasis web menggunakan model tutorial pada materi spatial filtering serta menguji validitas media yang dihasilkan. Penelitian ini menggunakan metode Research and Development (R&D) dengan model pengembangan ADDIE yang dibatasi pada tahap analisis, perancangan, pengembangan, dan evaluasi. Media dikembangkan menggunakan framework Django dengan mengintegrasikan pemrosesan citra berbasis Python di sisi peramban untuk memberikan simulasi interaktif proses spatial filtering serta menerapkan delapan langkah model tutorial yang meliputi pendahuluan, penyajian informasi, pertanyaan dan respons, penilaian respons, pemberian balikan respons, pengulangan, pengaturan segmen pelajaran, dan penutup. Hasil validasi oleh dua ahli materi menunjukkan persentase sebesar 85,40% dan oleh dua ahli media sebesar 81,80%, yang keduanya termasuk dalam kategori sangat tinggi. Hasil tersebut menunjukkan bahwa media pembelajaran yang dikembangkan memiliki tingkat validitas isi dan validitas media yang tinggi sebagai pendukung pembelajaran pada materi spatial filtering dalam Pemrosesan Citra Digital serta berpotensi mendukung pembelajaran yang lebih interaktif, terstruktur, dan mandiri.