Hello @PoojaHiwade
You can use this Tinypng tool to reduce the file size of your images: https://tinypng.com/
I hope the above is useful to you.
Best regards,
GemPages Support Team
Topic summary
Issue: A Shopify site flags that image elements lack explicit width and height; adding them didn’t seem to work.
Key guidance:
- Add width and height attributes to all image/video tags, or reserve space using CSS aspect-ratio techniques so the browser allocates layout space while loading.
- Use unitless pixel values (e.g., width=640, height=360) to reserve the area. For responsiveness, CSS like img { width: 100%; height: auto; } maintains aspect ratio.
- Shopify steps: Online Store > Themes > Actions > Edit code; find the templates/sections where images render and add width and height to each img tag, matching the image’s actual dimensions; save.
- Optimization tip: compress images with TinyPNG to reduce file size.
Open questions / latest updates:
- Multiple users ask how to locate the exact code section for product images; they can’t find where to edit the img markup.
Status:
- No confirmed fix posted. Further guidance is needed on identifying the theme files/sections that output product images. A screenshot and code examples are central to applying the solution.