Hi,
There is a major problem with responsive mobile version of the Newspaper theme that effects the page load speed and Google rankings. I currently using latest version (7.5), regenerated thumbnails and I thought it might fix it, but it didn’t.
The problem is that the image gets blurry and low quality in posts in mobile version even when I upload the image that is 400px wide. When I viewed it in my LG G3, the images in post (at least 400px wide) is of low quality. This wasn’t the case when I used to have Newspaper version 6.
The images should be able to get at least medium quality images in post images, but it doesn’t.
To fix this, you should upload image 2x the size. For example, if you have 400px wide image then you should upload 800px image to get it with good quality on mobile. WE DON’T want every image to be unnecessarily 800px wide image on posts. This definitely affects the site loading speed and eventually depreciates the search engine rankings.
You guys should do something to fix this problem immediately, or offer the solution get it fixed. You might suggest using Mobile plugin version, but it still it a mess, and the users has been getting a lot of issues reported on this forum.
Thanks!
Hello John,
Please provide more details about what kind of images you are referring to, featured image which is presented on modules and blocks or over the images from the post content? It is vital to specify these details because in our theme were made some changes only over the featured images and no for images in post content. Keep in mind that the theme does not affect the image from the post content. So, all of these will be displayed in its natural size. Please provide your website URL, also, provide some useful screenshots to identify where you see this problem so precisely, I will be able to provide a more accurate response, after a deeper investigation. It is likely to be a CSS code to stretch the image and that’s why to appear in blurry mode.
Thanks for your understanding!
Thank you for the response.
I’m referring to the post content images. Take a look at this, for example: https://goo.gl/AhYWwG
In the point #4, the image is 400px wide (which is the maximum size that I prefer to use, I don’t need images that are more than 400px, because of page load speed time). The image is perfect in the desktop, but try the same URL and see that image on mobile, it gets very low quality in the mobile, which is the case for every image of that post.
Screenshot: http://www.screencast.com/t/2uNvv5p3xO
In Newspaper 6, even the post content image size of 400px used to display good quality image on my LG G3, and now it doesn’t. The image quality drops way lower in mobile.
Thanks!
Hello John,
I have done some tests on iPhone 6S Plus and I did not saw any issue with your post image, as you can see here-> http://screencast.com/t/OTvZvCddEV The image seems to be displayed as expected, without blurry effect.
Thanks for the message!
It seems you didn’t notice since the picture was darker. Try looking at this one (#4 image of drone): https://goo.gl/pV6D4I
In desktop it looks normal. But in mobile, if you look at the image closely (the part of the rotor of the drone), it looks blurry: https://www.screencast.com/t/LAYBf2PEzG8
You have to compare the desktop and mobile image side by side by keeping the mobile phone and desktop together in order to see the difference. The image quality is definitely reduced in mobile.
Here is the comparison of mobile and PC (look at the pixels of images — both are screenshots of the image in both device with same zoom level — the mobile version looks blurry): https://www.screencast.com/t/NiCentdWHYh
Thanks!
Hi,
Sorry but here is a side by side comparison between the 2 images mobile and desktop:
http://screencast.com/t/gCLo2Uuuc1ym
It is the exact same image. I cannot see any blurriness between the 2.
If you truly see differences in quality between mobile and desktop, you will have to remove any optimization plugins that you may be using, reduce image compression, and regenerate thumbnails. Then test again.
You can also try to disable all plugins except visual composer, clear cache and reset cdn files if you use it. Then check images again. There could be a plugin affecting the image quality.
Let us know if you still have trouble with the images.
Thank you!
@Bogdan B.
Thank you for your reply. I appreciate it.
You’re not seeing any difference because you’re using desktop to view the site “as a mobile” device. This is not the case when you view the image in actual mobile phone itself. If you use desktop tool, it’s the same as resizing your bowser window smaller, and you don’t see any effect on images at all. Try viewing the page in actual mobile phone, and hopefully you’ll notice the difference.
Also, I’ve tried everything from disabling every plugin, and clearing the cache (browser’s, site’s and CDN). I do not use any image compression plugin. Regenerated thumbnails twice.
Thank you!
Hello,
There seems to be a difference in quality between desktop and mobile, yes. Please contact us via email at contact@tqagdiv.com and provide wp-admin so we can login and investigate this issue. Please also include a link to this topic so we can login and identify you.
Thank you!
