VERY simple question about images

Questions
1

Totally new to F7. I’m coming from a traditional web development background, and a lot of this is new to me. Sadly, I’m finding the tutorials inconsistent and incomplete.

I’m simply trying to display an image, but I can’t find anywhere in the docs where I should be placing my image files and how to reference them.

I’ve tried putting them in ./assets-src/images/, ./src/assets/images, ./public/images/ and a few other random spots, but my test app can’t find them.

How and where do I put my image files?

2

@12Centuries Place your images in a /public/images/ directory

That’s where the build process expects them to be.

Like so:

assets-src/
build/
node_modules/
public/
  icons/
  images/
    your-image.jpg
src/
www/

Then reference as follows:

<img src="/images/your-image.jpg" />
1 Like
3

Thank you! Do you happen to know where this is in the documentation?

4

@12Centuries In my case it’s in the Vite build documentation, since that’s the bundler I’m using. In other cases it my be different. The settings are in vite.config.js

I had the same question as you, but saw that the app icons were all in /public/ so I figured images would go in the same place.