Hello,
can someone tell me if it makes sense to upload the image in the size that would be optimal for Mobile?
For example:
<
For Mobile the image is 726x358px.
Looks that way:
<
If I upload the image to 324x160px, is it blurry on mobile devices?
Translated with http://www.DeepL.com/Translator
Hi,
You should upload images that allow the creation of the thumbnails you use
– https://forum.tagdiv.com/theme-thumbs/
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
That message is a prompt that mentiones that the thumbnail necessary for that module is not enabled in the theme panel block settings, so it will not be created.
Enable it and regenerate the thumbnails
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
The images you use should be bigger, the theme will crop them center-top and create the thumbnails that are enabled in the theme panel, these will appear in the grids and modules/blocks you use
– https://forum.tagdiv.com/featured-image/
Okay, thanks, I get it.
But one thing I don’t understand.
I uploaded a picture in 1920x1080px. So far so good.
The thumbnail is created in 324x235px.
On my mobile device the 324x235px image is still loaded, although I also activated the 1068x580px thumbnail creation in the backend.
That’s why it’s fuzzy on Mobile. Why doesn’t he take the picture with the size 1068×580? It wouldn’t be fuzzy. Instead, it uses the 324×235.
Does this really only work if I activate Retina? But then he always loads the 1920x1080px image. Then the loading time becomes too long.
Hello,
Unfortunately you need to activate the retina thumb because the thumb loaded for mobile devices is 324×235 but if your mobile screen is bigger than that, it will stretch the image and it will look fuzzy. This is where the retina image comes in. There is no intermediary thumb between desktop and mobile for lager mobile screens.
Thanks
