diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx
index 11792b49d..93788cd39 100644
--- a/packages/web/pages/index.tsx
+++ b/packages/web/pages/index.tsx
@@ -21,7 +21,7 @@ export default function Home(): JSX.Element {
 
   return (
     <>
-      <PageMetaData title='Omnivore' path='/' ogImage='/static/images/og-homepage.jpg' />
+      <PageMetaData title='Omnivore' path='/' ogImage='/static/images/og-homepage.png' />
       <LoadingView />
     </>
   )
diff --git a/packages/web/pages/login.tsx b/packages/web/pages/login.tsx
index c315b53e2..fcd7578f3 100644
--- a/packages/web/pages/login.tsx
+++ b/packages/web/pages/login.tsx
@@ -38,7 +38,7 @@ export default function Login(): JSX.Element {
         src="https://accounts.google.com/gsi/client"
         strategy="afterInteractive"
       />
-      <PageMetaData title="Welcome to Omnivore" path="/login" ogImage='/static/images/og-homepage.jpg' />
+      <PageMetaData title="Welcome to Omnivore" path="/login" ogImage='/static/images/og-homepage.png' />
       <LoginLayout {...loginFormProps} />
       <div data-testid="login-page-tag" />
     </>
diff --git a/packages/web/public/static/images/og-homepage.png b/packages/web/public/static/images/og-homepage.png
new file mode 100644
index 000000000..1e1bb3513
Binary files /dev/null and b/packages/web/public/static/images/og-homepage.png differ