diff --git a/space/public/onboarding/onboarding-pages.svg b/space/public/onboarding/onboarding-pages.svg
deleted file mode 100644
index 5ed5d44c2..000000000
--- a/space/public/onboarding/onboarding-pages.svg
+++ /dev/null
@@ -1,73 +0,0 @@
-
diff --git a/space/public/onboarding/profile-setup-dark.svg b/space/public/onboarding/profile-setup-dark.svg
deleted file mode 100644
index 69cceb716..000000000
--- a/space/public/onboarding/profile-setup-dark.svg
+++ /dev/null
@@ -1,448 +0,0 @@
-
diff --git a/space/public/onboarding/profile-setup-light.svg b/space/public/onboarding/profile-setup-light.svg
deleted file mode 100644
index 1a290780d..000000000
--- a/space/public/onboarding/profile-setup-light.svg
+++ /dev/null
@@ -1,407 +0,0 @@
-
diff --git a/web/core/components/common/latest-feature-block.tsx b/web/core/components/common/latest-feature-block.tsx
index 48595241b..a108e05bf 100644
--- a/web/core/components/common/latest-feature-block.tsx
+++ b/web/core/components/common/latest-feature-block.tsx
@@ -4,7 +4,7 @@ import { useTheme } from "next-themes";
// icons
import { Lightbulb } from "lucide-react";
// images
-import latestFeatures from "@/public/onboarding/onboarding-pages.svg";
+import latestFeatures from "@/public/onboarding/onboarding-pages.webp";
export const LatestFeatureBlock = () => {
const { resolvedTheme } = useTheme();
diff --git a/web/core/components/dashboard/project-empty-state.tsx b/web/core/components/dashboard/project-empty-state.tsx
index ed8623735..a42f5a5b0 100644
--- a/web/core/components/dashboard/project-empty-state.tsx
+++ b/web/core/components/dashboard/project-empty-state.tsx
@@ -9,7 +9,7 @@ import { EUserWorkspaceRoles } from "@/constants/workspace";
// hooks
import { useCommandPalette, useEventTracker, useUser } from "@/hooks/store";
// assets
-import ProjectEmptyStateImage from "@/public/empty-state/dashboard/project.svg";
+import ProjectEmptyStateImage from "@/public/empty-state/onboarding/dashboard-light.webp";
export const DashboardProjectEmptyState = observer(() => {
// store hooks
diff --git a/web/core/components/onboarding/create-or-join-workspaces.tsx b/web/core/components/onboarding/create-or-join-workspaces.tsx
index 5ee55116a..bec44a85e 100644
--- a/web/core/components/onboarding/create-or-join-workspaces.tsx
+++ b/web/core/components/onboarding/create-or-join-workspaces.tsx
@@ -10,8 +10,8 @@ import { Invitations, OnboardingHeader, SwitchAccountDropdown, CreateWorkspace }
// hooks
import { useUser } from "@/hooks/store";
// assets
-import CreateJoinWorkspaceDark from "@/public/onboarding/create-join-workspace-dark.svg";
-import CreateJoinWorkspace from "@/public/onboarding/create-join-workspace.svg";
+import CreateJoinWorkspaceDark from "@/public/onboarding/create-join-workspace-dark.webp";
+import CreateJoinWorkspace from "@/public/onboarding/create-join-workspace-light.webp";
import { LogoSpinner } from "../common";
export enum ECreateOrJoinWorkspaceViews {
diff --git a/web/core/components/onboarding/profile-setup.tsx b/web/core/components/onboarding/profile-setup.tsx
index cc89748cf..648ec7363 100644
--- a/web/core/components/onboarding/profile-setup.tsx
+++ b/web/core/components/onboarding/profile-setup.tsx
@@ -22,8 +22,8 @@ import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.hel
import { useEventTracker, useUser, useUserProfile } from "@/hooks/store";
// services
// assets
-import ProfileSetupDark from "@/public/onboarding/profile-setup-dark.svg";
-import ProfileSetupLight from "@/public/onboarding/profile-setup-light.svg";
+import ProfileSetupDark from "@/public/onboarding/profile-setup-dark.webp";
+import ProfileSetupLight from "@/public/onboarding/profile-setup-light.webp";
import UserPersonalizationDark from "@/public/onboarding/user-personalization-dark.svg";
import UserPersonalizationLight from "@/public/onboarding/user-personalization-light.svg";
import { AuthService } from "@/services/auth.service";
diff --git a/web/core/layouts/auth-layout/project-wrapper.tsx b/web/core/layouts/auth-layout/project-wrapper.tsx
index 8e3a88eb4..095edfc85 100644
--- a/web/core/layouts/auth-layout/project-wrapper.tsx
+++ b/web/core/layouts/auth-layout/project-wrapper.tsx
@@ -20,7 +20,7 @@ import {
useCommandPalette,
} from "@/hooks/store";
// images
-import emptyProject from "@/public/empty-state/project.svg";
+import emptyProject from "@/public/empty-state/onboarding/dashboard-light.webp";
interface IProjectAuthWrapper {
children: ReactNode;
diff --git a/web/public/empty-state/dashboard/project.svg b/web/public/empty-state/dashboard/project.svg
deleted file mode 100644
index 833bae8e0..000000000
--- a/web/public/empty-state/dashboard/project.svg
+++ /dev/null
@@ -1,333 +0,0 @@
-
diff --git a/web/public/onboarding/create-join-workspace-dark.svg b/web/public/onboarding/create-join-workspace-dark.svg
deleted file mode 100644
index d21be5770..000000000
--- a/web/public/onboarding/create-join-workspace-dark.svg
+++ /dev/null
@@ -1,278 +0,0 @@
-
diff --git a/web/public/onboarding/create-join-workspace-dark.webp b/web/public/onboarding/create-join-workspace-dark.webp
new file mode 100644
index 000000000..5aa476408
Binary files /dev/null and b/web/public/onboarding/create-join-workspace-dark.webp differ
diff --git a/web/public/onboarding/create-join-workspace-light.webp b/web/public/onboarding/create-join-workspace-light.webp
new file mode 100644
index 000000000..de3b50c21
Binary files /dev/null and b/web/public/onboarding/create-join-workspace-light.webp differ
diff --git a/web/public/onboarding/create-join-workspace.svg b/web/public/onboarding/create-join-workspace.svg
deleted file mode 100644
index a3569794c..000000000
--- a/web/public/onboarding/create-join-workspace.svg
+++ /dev/null
@@ -1,331 +0,0 @@
-
diff --git a/web/public/onboarding/onboarding-pages.svg b/web/public/onboarding/onboarding-pages.svg
deleted file mode 100644
index 5ed5d44c2..000000000
--- a/web/public/onboarding/onboarding-pages.svg
+++ /dev/null
@@ -1,73 +0,0 @@
-
diff --git a/web/public/onboarding/onboarding-pages.webp b/web/public/onboarding/onboarding-pages.webp
new file mode 100644
index 000000000..536f9eca0
Binary files /dev/null and b/web/public/onboarding/onboarding-pages.webp differ
diff --git a/web/public/onboarding/profile-setup-dark.svg b/web/public/onboarding/profile-setup-dark.svg
deleted file mode 100644
index 69cceb716..000000000
--- a/web/public/onboarding/profile-setup-dark.svg
+++ /dev/null
@@ -1,448 +0,0 @@
-
diff --git a/web/public/onboarding/profile-setup-dark.webp b/web/public/onboarding/profile-setup-dark.webp
new file mode 100644
index 000000000..e3d07a05d
Binary files /dev/null and b/web/public/onboarding/profile-setup-dark.webp differ
diff --git a/web/public/onboarding/profile-setup-light.svg b/web/public/onboarding/profile-setup-light.svg
deleted file mode 100644
index 1a290780d..000000000
--- a/web/public/onboarding/profile-setup-light.svg
+++ /dev/null
@@ -1,407 +0,0 @@
-
diff --git a/web/public/onboarding/profile-setup-light.webp b/web/public/onboarding/profile-setup-light.webp
new file mode 100644
index 000000000..cdce833b2
Binary files /dev/null and b/web/public/onboarding/profile-setup-light.webp differ
diff --git a/web/public/workspace-active-cycles/cta-r-2-dark.webp b/web/public/workspace-active-cycles/cta-r-2-dark.webp
index 012b6ecee..0776cc705 100644
Binary files a/web/public/workspace-active-cycles/cta-r-2-dark.webp and b/web/public/workspace-active-cycles/cta-r-2-dark.webp differ