# Images not displaying properly **URL:** \ **Category:** RapidWeaver Elements\ **Created:** [August 21, 2024, 9:00am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359 "2024-08-21T09:00:54Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![Bartje](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bartje/32/1210_2.png) [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Post date:** [August 21, 2024, 9:00am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/1 "2024-08-21T09:00:54Z")
RapidWeaver Elements 10 (22867) Added images are not visible in the design. A blue square with a question mark appears everywhere.They are visible in the preview in Safari, though. ![Scherm­afbeelding 2024-08-21 om 10.59.09](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/1/11c47e422afbf5c545f828f886ad71d095d1c0e7.png) ---
**Author:** ![Bartje](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bartje/32/1210_2.png) [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Post date:** [August 21, 2024, 9:07am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/2 "2024-08-21T09:07:19Z")
After closing and reopening, the problem seems to be solved. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 21, 2024, 9:21am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/3 "2024-08-21T09:21:24Z")
hmm, one to keep an eye on 🤔 ---
**Author:** ![Bartje](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bartje/32/1210_2.png) [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Post date:** [August 21, 2024, 9:59am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/4 "2024-08-21T09:59:50Z")
New bug: Image shows up in Elements, but not by the preview in my browser (Edge) ![Scherm­afbeelding 2024-08-21 om 11.53.08](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/4/64c36a7848e00b380e1bd78abac90534a1d35fa0.jpeg) ![Scherm­afbeelding 2024-08-21 om 11.53.29](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/1/21e89f06f46c7bb1d0484df5ec90614de1512a29.png) ---
**Author:** ![Dean](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@Dean](https://forums.realmacsoftware.com/u/Dean)\ **Post date:** [August 21, 2024, 12:54pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/5 "2024-08-21T12:54:31Z")
I have had the same issue with images showing in Elements but not on the preview. And the other way around. ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [August 21, 2024, 1:31pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/6 "2024-08-21T13:31:31Z")
could we get a bit more info? can you send over: - image format (jpg, webp, etc) - if you are resizing the image via the Image component controls? - a screenshot/video of the component in Elements, with the image controls shown Thanks! 🙂 ---
**Author:** ![Bartje](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bartje/32/1210_2.png) [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Post date:** [August 21, 2024, 2:12pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/7 "2024-08-21T14:12:59Z")
It’s a webp format. It seems the webp format is the problem. Changed it with a png and that seems to work fine (in elements en in the browser preview). You can see the controls in the screenshot. ![Scherm­afbeelding 2024-08-21 om 16.11.56](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/57ed7ff01a52f48142ded2342f9850c91a147dc0.jpeg) ---
**Author:** ![Dean](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@Dean](https://forums.realmacsoftware.com/u/Dean)\ **Post date:** [August 21, 2024, 2:16pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/8 "2024-08-21T14:16:05Z")
I’m using .png’s from the Resources ![Screenshot 2024-08-21 at 15.12.10](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/3/23d05c5e1da0bba0aeb22152c47576786d73ffe8.jpeg) ![Screenshot 2024-08-21 at 15.12.58](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/9/293af27377572e221d13353362c7688ad5288578.jpeg) ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 21, 2024, 2:59pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/9 "2024-08-21T14:59:48Z")
Hi @Dean can you send over your project file to [dan@realmacsoftware.com](mailto:dan@realmacsoftware.com) so we can take a look! ---
**Author:** ![Dean](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@Dean](https://forums.realmacsoftware.com/u/Dean)\ **Post date:** [August 21, 2024, 4:15pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/10 "2024-08-21T16:15:43Z")
On it’s way 😃 ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 21, 2024, 4:59pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/11 "2024-08-21T16:59:18Z")
Got it, will take a look and email you back! ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 24, 2024, 8:07pm UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/12 "2024-08-24T20:07:08Z")
Hi @Dean , The Custom Component is causing rendering errors as it looks like you’ve pasted an entire webpage into it 😬 You really just need form fields, but I did see it’s currently using Bootstrap, so you’d also want to convert the classes to Tailwind… ![CleanShot 2024-08-24 at 8 .49.44@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7239298310c951045f19c02101b39df8b5f8594.jpeg) The images are not appearing here as the URL’s are not correct in the editor (as the editor uses temp paths). There’s probably a few ways to solve this. I’d add an image drop well to the properties component. ![CleanShot 2024-08-24 at 9 .04.46@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/2/52e8dc1b64f7ff468604efdf537152d7021063a0.jpeg) To do this you’d paste the following into the Properties ```auto { "groups": [{ "title": "Image Resource Example", "properties": [{ "title": "Card Image", "id": "cardImage", "image": {} }] }] } ``` Then where you want your image path in the Template you can use the `{{carImage}}` tag. Like this: ```auto ``` Phew, hope that helps 😅 _P.S. I’ve just emailed you the project with this change in it._ ---
**Author:** ![Dean](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@Dean](https://forums.realmacsoftware.com/u/Dean)\ **Post date:** [August 25, 2024, 8:19am UTC](https://forums.realmacsoftware.com/t/images-not-displaying-properly/44359/13 "2024-08-25T08:19:29Z")
Hi @Dan C. , Thank you for your help, it’s good to know it was me being silly and not a bug with Elements. You have put me back on the right track. 😔 Once again, thanks for all your help and keep up the great work,.