incorect image ratio

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: incorect image ratio

Post by Pablo »

You have send me two projects. Both projects contain 1 page.

This is project 1:
https://wysiwygwebbuilder.com/support/k ... page5.html

This is project 2:
https://wysiwygwebbuilder.com/support/k ... age10.html

Based on these projects/pages I have updated the software so the pages now give a 100% score.
However, you have indicated that this does not work for all your pages. As an example you gave me this link:
https://freeclassicimages.com/Fantasy-Art-6.html

So, if you want me to help you to solve the problem for that page too, then you will need to share a project which contains that page. The same what you did for the two other pages.
also some days ago at your suggestion I created thumbnails spent best part of a whole day building a page putting the same images in it one at a time and still got exactly the same result, so unfortunately that is not the answer. it seems any thumbnail in before the fold gets the same results.
Then most likely the sizes of the thumbnails images were not correct. it is not possible to say anything meaningful about this without seeing what you have done.
One thing you can be sure of, the software does not modify the thumbnail, it will published "AS IS". So you cannot blame the software if that does not work.
But again, if you need help then share the project file.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: incorect image ratio

Post by kenswindon »

please check this page

https://freeclassicimages.com/page9.html

This not in my exiting project, I opened WYSISYG and started a new project with all the setting as were set with version 16 when downloaded

uploaded some random camera pictures from my family album instead of my stock images used photo collage, so not even photo gallery no thumbnails

when I test that in Light house I get ALL the same errors low resolution in best practice and properly size images in performance

If you go back 7 days you could see that I asked then could my copy of software be corrupt in some way could it not be bringing in the images correctly from my files could my website hosting be affecting by not uploading it correctly or in some otheth way.


I know I have asked you lots of times but the only way to test this for sure would be if you could please create a page in your website with random images upload the page and test it,
to be totally sure you will need to try 2 or 3 similar pages like this as this error is random and not always there (I have manages to get half a dozen of my pages to 100% in both performance and best practice.

then please tell me what results you get....
User avatar
jerryco
 
 
Posts: 826
Joined: Fri Mar 27, 2009 2:42 pm
Location: Purmerend, Holland

Re: incorect image ratio

Post by jerryco »

Just_Follow_Pablo's_Lead and speak only when asked. No more than that.
// Love is the acceptance of nothing / Account age is no guarantee of efficiency ;-) ->

Above, Beyond, and @wwonderfull! <- Genuinely helps you with a powered up site that counts! Four Times Excellence!
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: incorect image ratio

Post by Pablo »

I am asking you for a project file (wbs) with the problematic. Without a project file I cannot help you.
to be totally sure you will need to try 2 or 3 similar pages like this as this error is random and not always there (I have manages to get half a dozen of my pages to 100% in both performance and best practice.
I am sure this is not random. It is related to the size of the images and your settings. That is why I need the project.
If you use the same settings and same image sizes for all your galleries then you will get the same results. 100% guaranteed.
I know I have asked you lots of times but the only way to test this for sure would be if you could please create a page in your website with random images upload the page and test it,
You keep asking this but I have already shown you the results.

Here are the links again with 100% scores:

*** TEST 1 ***
https://wysiwygwebbuilder.com/support/k ... page5.html

*** TEST 2 ***
https://wysiwygwebbuilder.com/support/k ... age10.html

*** WHAT DO I ASK FROM YOU ? ***
Step 1
- open your project, with the page "Fantasy-Art-6".

Step 2
- save the file under a different name. For example: test.wbs

Step 3
- remove all pages from the project with exception of "Fantasy-Art-6"

Step 4
Share the .wbs file and images like you did with the two previous projects.

*** IMPORTANT NOTE ***
Note: for me, it is now Sunday evening. I am going to close my computer. I will be back tomorrow morning to work with your project .
If you want a solution tomorrow then you will have to share the project file. I will not be able to help you without the file. Your settings are important to find a solution.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: incorect image ratio

Post by alan_sh »

One thing to add to that. When you have the final .WBS file (test.wbs was the example), please test it yourself and ensure it still has the problem that you need fixing.

regards

Alan
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: incorect image ratio

Post by kenswindon »

WWBman
 
 
Posts: 916
Joined: Fri Jan 08, 2010 6:10 pm

Re: incorect image ratio

Post by WWBman »

Out of curiosity I ran your project and I got the following result for desktop.
Image
And for mobile I got this.
Image
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: incorect image ratio

Post by kenswindon »

this has only ever been about mobiles
WWBman
 
 
Posts: 916
Joined: Fri Jan 08, 2010 6:10 pm

Re: incorect image ratio

Post by WWBman »

kenswindon wrote: Sun Jun 06, 2021 9:14 pm this has only ever been about mobiles
OK.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: incorect image ratio

Post by crispy68 »

So I also downloaded your file and did some testing.

The flag you keep seeing "Serves images with low resolution" is basically telling you that there is a difference in what is displayed versus what is expected. To make sure that images are clear for all devices, it wants to make sure your image ratios are the same. If the image ratios are the same then when an image is scaled it won't be distorted. We all know with a small image that's enlarged usually always look pixelated which we don't want either. It also means that we want to show Large images on desktop and smaller images on mobile to help with speed and performance.

In my tests, I simply found removing the 'generate thumbnail' fixed the issue. I changed nothing else. And yes, this is for mobile. Here was the scores:

Image

So if you are serious about improving your site, as based on this thread, for performance, speed, etc, I would also suggest the following.

1. When using the photo gallery I would make sure the image I'm using is resized to the biggest it needs to be on the screen. So for example, you have an image that is 1200x1685 (Fantasy-Art-Images-0687.jpg). There is no need for this image to be this tall as it wont fit on most monitors per the height. I have a large monitor and my height is only 1080px. So I would suggest reducing the size of this image to below 1080px to something like 800px. I would make sure all my images are resized to be no more than 800px high so that everything is consistent. This will help reduce the file size thus your page will load faster.

2. I would also look at compressing your images. Many of your images are large and can be compressed further for speed. For example, your image "Fantasy-Art-Images-0685.jpg can be reduced almost in half from 423kb down to 249.6kb. That's a 41% savings in size. Now take this times all your other images and you can save a lot which will help immensely in faster loading. Visit https://tinyjpg.com to see how much you can reduce them by.

3. Many of your images are missing descriptive Alt tags. Naming them "Fantasy-Art-Images-0685" is not very descriptive. I would advise you to look into adding more description about the image. It may take you awhile but it is worth it for screen readers.


You brought up a solution as using "srcset". This is available using the picture object. However, keep in mind that this solution involves YOU creating multiple sizes of your images (usually 3-5) for EACH image. By doing this, the browser then can pick the best image to show based on the browser size. Will this make Lighthouse happy? Yes! But, based on the # of images you have, are you ready for this monumental task of creating 3-5 times the images needed?

As far as i'm concerned, if you are scoring in the green then you score an 'A' and should not be so obsessed with removing every flag. If you are, then I would suggest you start reading up on these flags, learn some html and CSS and possibly implement your own solution if need be.

I know, I know, you are going to say "but that's why I bought WB16 so it can do it for me". I'm sure Pablo will take in consideration this information and if something can be done to improve the software he will in due time. Until then, you may need to live with an 'A' versus an 'A+'.

Just as a note, Tescos scores way worse than you and I don't believe their traffic is being altered because of it. Heck, if they had used WB, they'd probably have better scores. :wink:

Image
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: incorect image ratio

Post by Pablo »

I have a 100% score with your page when using a scaling factor of 1.7 for the thumbnails.
https://wysiwygwebbuilder.com/support/k ... Art-6.html

Image

So, once again this indicates that this is all about the thumbnails sizes.
In the latest update, you can set the scaling factor manually, so you can optimize it to your needs.
But I strongly recommend to try to take crispy68's advise into account.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: incorect image ratio

Post by kenswindon »

I give up with you as you obviously can't fix it

this error is red flagged so needs fixing

to uncheck generate thumbnails means the whole page loads too slow for google thats what it is nthere for.

as for making my images smaller or different shapes makes no odds one page that works the next page it doesn't it can come up with just 2 images wrong so I delete those 2 upload again it can now say 15 are wrong

I have been doing what you are doing for over a week deleting images adding different images setting different size galleries etc. etc. and spending upwards of an hour on each page I can most time but not always get them to read right and have managed to get about half my headline pages pretty close. but I should not need to do that and the only reason is because there is a problem with the software that causes it. as I have explained it would be absurd to suggest that I have to do this to all 27,000 images in over 1000 galleries on 300 pages.

you knows this is a problem because it does exactly the same on your computer as it does on mine. but is that a software fault in my copy or WYSIWYGs

what you have never done even though I asked you loads of time to try the same thing in your version of WYWIWYG and see if that gives the same result, that way we could actually confirm weather this software fault is just in my version or is universal. and I have asked you that from the very beginning.

Until you accept there is a problem within the software and that with the right knowhow this could be fixed this will never be right

you keep trying to tell me its because of my selection of images, well have you even looked at this, https://freeclassicimages.com/page9.html
just random photos taken with my phone all similar sizes added to a different gallery, audit it !!!

you need to flag this up to someone with more knowledge of this software than you have.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: incorect image ratio

Post by crispy68 »

this error is red flagged so needs fixing
Don't you think that is what Pablo is trying to do? Please tell me another piece of software where you can chat directly with the creator of the software and get your issues looked at and responded to? Please tell me. Answer is nowhere!
to uncheck generate thumbnails means the whole page loads too slow for google thats what it is nthere for.
Really? Where do you get this info? As you can see by the results of YOUR page it scored a 97 in performance. Oh, I ran Google Pagespeed and the overall score was a 93. So tell me again how the page loads too slow? Want to test yourself? Here ya go: https://webbuildertemplates.com/demo/Fantasy-Art-6.html

This is YOUR page with no thumbnails being generated.
what you have never done even though I asked you loads of time to try the same thing in your version of WYWIWYG and see if that gives the same result,
Ok, I'll lay it out. Have I ever created a photo gallery using thumbnails and get the same flag you are getting? Yes. There, lets put that to rest now. The reason why Pablo wants your project is to see all your settings. And based on previous posts there were things he found you needed to change even though they weren't directly related to this issue. There are thousands of possible combinations to the software so having your project file is the easiest to see any issues. So when you are asked to provide a copy of a demo project please do so or quit belly aching about it.
you need to flag this up to someone with more knowledge of this software than you have.
You obviously are not reading these posts as Pablo IS the creator of the software. There is nobody else above him so quit asking for this to go up the chain.
you keep trying to tell me its because of my selection of images, well have you even looked at this, https://freeclassicimages.com/page9.html
Really? You want to know why this is failing Google Pagespeed (score 36) and Lighthouse (50 72 93 82)? You are using ridiculously large images. One of your images is 2448x3264. If all 6 of these images are that big then no wonder you are failing. Your images need to only as big as needed and compressed as I stated in my last post. What I find intriguing is the best score you got in lighthouse on this page was the Best Practices with a 93 and that includes the flag about Aspect Ratios. This just goes to show you how little this flag plays in those scores compared to other things!

I've given you some advice on how to increase your speed and make things better but you seem to skip over that and focusing only on this one flag in Lighthouse which is just a recommendation. Your site isn't penalized if you dont receive 100. There are other things you need to focus your attention on to improve your site that will make a difference.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: incorect image ratio

Post by Pablo »

I give up with you as you obviously can't fix it
What, are you serious? Did you read my feedback (and that of others) carefully? Nothing needs to be fixed. With the software is nothing wrong!
What I (the developer of the softwere) have been doing this whole time is to help you get better results.

I have a 100% score with the page you have recently shared. And all the pages you have befote tta! What more do you want? You cannot get scores higher than 100%.
https://wysiwygwebbuilder.com/support/k ... Art-6.html
what you have never done even though I asked you loads of time to try the same thing in your version of WYSIWYG and see if that gives the same result
All the pages you have shared, have a 100% score in Lighthouse so I did everything you ask me to help you with (and much more).

HERE ARE THE RESULTS OF YOUR 3 PAGES. PLEASE CHECK IN LIGHTHOUSE.

PAGE 1
https://wysiwygwebbuilder.com/support/k ... page5.html

PAGE 2
https://wysiwygwebbuilder.com/support/k ... age10.html

PAGE 3
https://wysiwygwebbuilder.com/support/k ... Art-6.html
brynj
 
 
Posts: 188
Joined: Fri May 31, 2013 3:56 pm

Re: incorect image ratio

Post by brynj »

Firstly I would like to apologies to Pablo for butting in on this thread.

@kenswindon

Unlike you, Pablo & crispy68 know what they are talking about !

Unless you are prepared to accept their help, and you do as they ask/suggest, then just stop posting because you are making an idiot of yourself ....

Keep safe and well.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: incorect image ratio

Post by alan_sh »

kenswindon - if the images are too large and you have a lot of them, there are programs out there that can resize them and put the resized image back in place of the originals. So all you have to do is select the images, run them through the resizer and then re-publish your site.

Alan
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: incorect image ratio

Post by BaconFries »

As you have mentioned you wrote that you are Graphics Designer then you should be able to do a batch resize within Photoshop (If that's what you use) quite easily. So saying it would take months isn't really true...
Tutorials:
https://www.digitalartsonline.co.uk/tut ... photoshop/
https://enviragallery.com/how-to-batch- ... photoshop/
https://www.elegantthemes.com/blog/desi ... -photoshop
You can even do it in Windows 10
https://www.howtogeek.com/704597/how-to ... indows-10/
https://www.alphr.com/how-to-batch-resi ... indows-10/
Video Tutorial:
https://youtu.be/_U68MQKQljs
https://youtu.be/2C-ZOOkv_zo
https://youtu.be/-seworeOXyE
Post Reply