#Images not working when deployed but working locally

3 messages · Page 1 of 1 (latest)

twilit osprey
#

Hey 🙂
I know there might be an answer somewhere here in the help section but with 100 questions about images I just couldn't find it.
Problem: Image component not working when deployed.
example: https://devsite.huotari.art/

E: Sorry, pressed ctrl+enter, continuing here:

I'm importing Image with import { Image, Picture } from "@astrojs/image/components";
Picture with import profilePic from "../images/profile2.webp";
Usage: <Image src={profilePic} width="1120" height="606" alt="Profile Pic" format="webp" class="rounded-lg" />

Henri Huotari (dev) - Home

Henri Huotari - Portfolio Site

#

In astro.config.mjs i have image({ serviceEntryPoint: "@astrojs/image/sharp", }),

knotty bison
#

@twilit osprey Looks like you got it working? At least, I see a profile image on that page.