Learn how to add images to your Lovable projects
Upload the image to the prompt chat
Replace it on the visual editor
Step 1
Step 2
Step 3
Using an external image URL
Step 1
Step 2
Using images from your GitHub public directory
public
directory of your connected GitHub repository. Here’s how you can do it:Connect your GitHub repository
Locate the public folder
public
directory. This folder is typically used for hosting assets like images that can be referenced in your project.Add file
Upload an image
Commit the changes
Get the image path
Use the image in Lovable
public
folder by compressing them and using dimensions that are relevant to your use case. For example, don’t use a full HD-sized image if it will only be displayed as a small icon.