Hey i’m using the updated Refresh theme -
on desktop my slideshow image looks good
it also looks good in the customize section’s mobile preview
but when opened on my phone the image suddenly looks low quality
the image size is 1800(w) x 1000 - i’ve tried changing the size but it makes no difference
Anyone know the issue?
Thanks
If the slideshow image in your Refresh theme appears low quality on mobile devices despite being of sufficient size, there could be a few reasons for this issue. Here are some possible solutions:
Image Optimization: Ensure that the image is properly optimized for web display. Use an image editing tool or an online image compressor to reduce the file size without compromising too much on quality. This can help improve loading times and image clarity.
Image Format: Check the image format you are using. For better quality, use an image format such as JPEG or PNG that supports higher resolution and compression.
Mobile Responsive Settings: Review the settings in your theme to ensure that the slideshow is optimized for mobile devices. Confirm that the mobile version of the slideshow has appropriate dimensions and settings, and that it is not being stretched or compressed on smaller screens.
Retina Display: If your mobile device has a high-resolution retina display, the image might appear lower quality due to pixel density. In such cases, consider using higher resolution images or providing specific versions for retina displays using CSS media queries.
Connection Speed: The image quality may be affected if the mobile device has a slow internet connection. Test the website’s loading speed on different networks or devices to rule out connectivity issues.