Low Quality Issue With my pictures and Slides pictures On Dawn theme 15.0.2

Store Design
, , , , ,

Topic summary

A user reports low-quality images in slides and pictures on mobile devices while desktop versions appear perfect. The site uses Dawn theme version 15.0.2.

Proposed Solutions:

  • Add CSS code to theme.liquid file above </body> or </head> tag to optimize image rendering for mobile browsers
  • Code includes image-rendering: auto and -webkit-optimize-contrast properties

Alternative Explanation:

  • Images may appear blurry during initial page load due to slider transitioning before images fully load
  • Once loading completes, images display clearly
  • This is a temporary loading issue that may not significantly impact user experience

Recommendations:

  • Consider using a speed optimization app to improve site loading times
  • User can choose to implement CSS fix or disregard the issue if it’s only a brief loading delay

The discussion remains open as the user hasn’t confirmed which approach they’ll take.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello i have an issue with my slides and and image on my mobile version , indeed on my slide and all other pictures are low quality but on desktop they are perfect , i don’t know why . I need help please ; My themse is Dawn 15.0.2 and My store link is here : https://7968dc-f5.myshopify.com/

2

Hello @Sohayl67 ,

img {
  max-width: 100%;
  height: auto;
  image-rendering: auto; /* Ensures the best quality rendering */
}

@media screen and (max-width: 767px) {
  img {
    image-rendering: -webkit-optimize-contrast; /* Improves clarity on some mobile browsers */
  }
}

Thanks!

3

Hi @Sohayl67

I hope you are well.

Upon our checking, when the page first opens and is still loading, the images may not load in time. The slider transitions to the next image quickly, so while the image is still loading, it may appear slightly blurry. However, once the loading is complete, the images are perfectly clear, so there’s no need to worry about this.

Thank you!

Best,

Daisy - Avada Support Team.

4

Where do i have to paste this ??

5

Where do i have to paste this ??

6

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag
7

Hi @Sohayl67

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

8

Hi @Sohayl67

Are you going to paste the code to your theme? Since it’s about the image loading time actually. And it does not affect much on the user experience. Then you can disregard it. Or you can consider using the speed up app to improve the site loading time further.

Thank you!

Best,

Daisy - Avada Support Team.