Hi Steve,
That is an issue with the resolution of the image. WPtouch doesn’t regenerate new images, it does resize them using CSS but that is not what is causing the quality of the image. You may want to create a higher resolution image so when mobile users click on it they can zoom in and see things clearly.
The image on the site when accessed on a desktop has a considerably higher resolution than when accessed on an iphone. Something is actually changing the resolution. The jpg accessed through a desktop is 2900×3800. As accessed through an iphone, it is 725×950. Do I need to find the line in the css that specifies that size & increase it?
CSS can change an image’s size but not its resolution. You may want to double-check the urls to see if you have inadvertently linked to a thumbnail or other low-res image.
At the url provided above, we see a thumbnail of 228×300 that links to a jpg that’s 506×664.
Hi Steve,
There appears to be no difference in the images. What device/browser are you seeing the differences in? WPtouch does not generate different sized images. It does resize them with CSS, but the image files are not changed.
I switched to this plugin and then ran tests that previously rated my sites as good near a rating of 4.0.
Now I receiving “Bad” Ratings 1.53. YIKES! I’m running my tests at MobiReady.
I understand graphics can be a problem for mobile so my question:
Does WPTouch resize or remove images? Is there a setting to do this?
I’m not going back to the old plugin as it was creating other problems.
I’m using WP 3.4.1 and the latest plugin. I’m also disabling tags, author name and categories as they aren’t necessary and I presume would save time.
Hi, BraveNewCode,
Thanks for your help.
I’m seeing a really clear, high resolution image (2900×3800) in Chrome on a mac desktop. I’m seeing a blurry, low resolution image (725×950)in Safari on an iPhone. (725×950 Might not sound low-rez, but on a map with small print street names, it means you can’t read the street names.) Since the iPhone image is sized to 25% of the image stored in the library (judging by these image sizes), should I be looking for a img width =”25%” in css? How does wptouch interact with css – is it generating the @media section? Is that where I should look? Or is it dynamically generating css with php’s? Am I plumb out of luck trying to increase the image size?
