diff --git a/public/help/access-adelaide.png b/public/help/access-adelaide.png
deleted file mode 100644
index 73fe326..0000000
Binary files a/public/help/access-adelaide.png and /dev/null differ
diff --git a/public/help/access-adelaide.webp b/public/help/access-adelaide.webp
new file mode 100644
index 0000000..e85a446
Binary files /dev/null and b/public/help/access-adelaide.webp differ
diff --git a/public/help/calendar.png b/public/help/calendar.png
deleted file mode 100644
index 9681dbb..0000000
Binary files a/public/help/calendar.png and /dev/null differ
diff --git a/public/help/calendar.webp b/public/help/calendar.webp
new file mode 100644
index 0000000..3fbc347
Binary files /dev/null and b/public/help/calendar.webp differ
diff --git a/public/help/change-week.png b/public/help/change-week.png
deleted file mode 100644
index 6ce5234..0000000
Binary files a/public/help/change-week.png and /dev/null differ
diff --git a/public/help/change-week.webp b/public/help/change-week.webp
new file mode 100644
index 0000000..e46c487
Binary files /dev/null and b/public/help/change-week.webp differ
diff --git a/public/help/click-course.png b/public/help/click-course.png
deleted file mode 100644
index ceefde2..0000000
Binary files a/public/help/click-course.png and /dev/null differ
diff --git a/public/help/click-course.webp b/public/help/click-course.webp
new file mode 100644
index 0000000..4fb164b
Binary files /dev/null and b/public/help/click-course.webp differ
diff --git a/public/help/modal.png b/public/help/modal.png
deleted file mode 100644
index 4604145..0000000
Binary files a/public/help/modal.png and /dev/null differ
diff --git a/public/help/modal.webp b/public/help/modal.webp
new file mode 100644
index 0000000..3ee0bdc
Binary files /dev/null and b/public/help/modal.webp differ
diff --git a/public/help/search-course.png b/public/help/search-course.png
deleted file mode 100644
index 2957f05..0000000
Binary files a/public/help/search-course.png and /dev/null differ
diff --git a/public/help/search-course.webp b/public/help/search-course.webp
new file mode 100644
index 0000000..0a2f1eb
Binary files /dev/null and b/public/help/search-course.webp differ
diff --git a/public/help/select-term.png b/public/help/select-term.png
deleted file mode 100644
index d013e2a..0000000
Binary files a/public/help/select-term.png and /dev/null differ
diff --git a/public/help/select-term.webp b/public/help/select-term.webp
new file mode 100644
index 0000000..c9d1501
Binary files /dev/null and b/public/help/select-term.webp differ
diff --git a/public/help/welcome.png b/public/help/welcome.png
deleted file mode 100644
index d680a46..0000000
Binary files a/public/help/welcome.png and /dev/null differ
diff --git a/public/help/welcome.webp b/public/help/welcome.webp
new file mode 100644
index 0000000..c22f4ac
Binary files /dev/null and b/public/help/welcome.webp differ
diff --git a/src/components/HelpModal.tsx b/src/components/HelpModal.tsx
index 8a87892..1b67bb7 100644
--- a/src/components/HelpModal.tsx
+++ b/src/components/HelpModal.tsx
@@ -26,50 +26,50 @@ export const HelpModal = () => {
 		{
 			content: t('help.steps.welcome'),
 			image: {
-				path: '/help/welcome.png',
+				path: '/help/welcome.webp',
 				alt: 'Website preview',
 			},
 		},
 		{
 			content: t('help.steps.select-term'),
 			image: {
-				path: '/help/select-term.png',
+				path: '/help/select-term.webp',
 				alt: 'Select a term',
 			},
 		},
 		{
 			content: t('help.steps.search-course'),
-			image: { path: '/help/search-course.png', alt: 'Search a course' },
+			image: { path: '/help/search-course.webp', alt: 'Search a course' },
 		},
 		{
 			content: t('help.steps.calendar-dnd'),
 			image: {
-				path: '/help/calendar.png',
+				path: '/help/calendar.webp',
 				alt: 'Drag and drop a course in calendar',
 			},
 		},
 		{
 			content: t('help.steps.change-week'),
-			image: { path: '/help/change-week.png', alt: 'Change calendar week' },
+			image: { path: '/help/change-week.webp', alt: 'Change calendar week' },
 		},
 		{
 			content: t('help.steps.course-details'),
 			image: {
-				path: '/help/click-course.png',
+				path: '/help/click-course.webp',
 				alt: 'Highlighted enrolled course',
 			},
 		},
 		{
 			content: t('help.steps.course-modal'),
 			image: {
-				path: '/help/modal.png',
+				path: '/help/modal.webp',
 				alt: 'Course modal to change class time',
 			},
 		},
 		{
 			content: t('help.steps.access-adelaide'),
 			image: {
-				path: '/help/access-adelaide.png',
+				path: '/help/access-adelaide.webp',
 				alt: 'Access Adelaide enrolment',
 			},
 		},