I changed and simplified the name of the images,… nothing changes. However, I also noticed that text areas were missing. Here for example (www.centredumouvement.lu/formations/), there are two blocks of texts missing under “RPG Souchard”…
Name issues there too. What version of Blocs are you running, because I am sure @Norm fixed the .jpeg/jpg suffix issue.
The text is there, its just set to white and semi transparent.
I had a quick look at your site and Inspected the first problem image to see what’s wrong. Basically, everything is wrong, even the Alt tags!. So you need to address everything.
I’m wondering if you are using some link of code generator to paste this into Blocs as code? Are you using Blocs5? If so, how are you generating webp images from a png image?
Here is the code for 1 image:
<source type="image/webp" srcset="../img/Capture%20d’écran%202022-08-23%20à%2009.06.19.webp" data-srcset="../img/Capture%20d’écran%202022-08-23%20à%2009.06.19.webp">
<img src="../img/Capture%20d’écran%202022-08-23%20à%2009.06.19.png" data-src="../img/Capture%20d’écran%202022-08-23%20à%2009.06.19.png" class="img-fluid mx-auto d-block img-bloc-11-style lazyloaded" alt="Crâne%202%20visions%20jpeg" width="240" height="339">
You have to get every single image name right. E.g. Capture%20d’écran%202022-08-23%20à%2009.06.19.webp should be renamed to Capture-decran-2022-08-23-2009-06.19.webp
IMHO you should never ever add webp images into the Asset Manager. Instead add correctly named jpg images and let Blocs5 create the webp image.
Also, make sure your videos are correctly named.
In many cases since the release of V5 it has been the case that webp generation could trip Blocs up in very specific scenarios. These scenarios are obviously quickly patched, but it made sense to try that first.
I think the unsupported characters used in the image names are most likely a big factor here.
Blocs 5.0.3
Thank you for your time and expertise. I am obviously a beginner. I use Blocs (5.0.3) simply by creating blocks of images/videos/text and I do nothing else. I didn’t even know what webp image was…
I import images from my hard drive, the often plius jpg but also PNG. Then I insert them into the image blocks. In Blocks, everything works… I send to the site (with Transmit) and on the site some blocks do not have the images…
1 Like
Hello and thank you for your help. How is it possible that the text changed color?? What do I have to do, on Blocks, everything is normal…?
I understand but it is not me who placed “%” in the name, I have basic names of examples…
Yes this can happen when using some Apps to process images and can be frustrating. Checking all image names before adding to the Assets Manager would be time well spent.
Also I would advise against adding webP images to Blocs. If using Blocs5, then add jpg images and use the webP generation feature to create your webP images, and also to generate the required fallback code to allow 100% of page visitors to view all your images.
Ok, I deleted all the spaces in the names… it seems to work…
Hiya, just to clarify…
“%20” is added to fill the space in the html.
Example… (my image.jpg)
will be written as (my%20image.jpg)
The best practice s to get rid of the space in the names before adding them to projects.
1 Like
generate the required fallback code ???
Thank you
If you just add a webP image, not every user will be able to see your images and they will see a blank space instead of the image.
So if you want to use webP images, you should add jpg images into Blocs Asset Manager, enable the webP function and Blocs will automatically produce “special code” to detect the viewers browser and then use the best image version. Just adding webP images will not work.
Ok Thank you so much
As one that learning myself this may help
Thank you for your help!
For the videos, I changed the name, deleted the spaces and special characters… but my videos still don’t appear…
http://kop.lu/vidéos-page-1/
Quick look at the inspector element shows the spaces have not been removed!
src="…/vid/Vidéo%201%20Triade%20genou%20Monaco.mp4" src="…/vid/Vidéo%201%20Triade%20genou%20Monaco.mp4">
did you replace the pages that you changed in Blocs onto your server?
did you re-upload the videos with the spaces removed?
(You can also log in to your server & remove manually)…
If they dont match they wont work
@johna0308 as mentioned, please keep it all in one thread, or it ends up messy.
This thread continues here