I want a page of photos, right now am having to use "Image with text overlay" but it is too blurry.

Shopify Discussion
1

On our website, I want to create a page of our Wholesale Catalog. The best way I can do this so far is using Image with text overlay without writing any text. I don’t have an added section for just a simple image (using “Flow” theme.) This works for mobile and desktop, but when used at fullscreen (or if you have a big monitor), it is very blurry. Basically, I want a better way to display my catalog images without it being distorted. I have provided the link below.

https://epheadcovers.com/pages/wholesale-catalog

Any suggestions are welcomed.

2

Hey @epheadcovers ,

Ensure that the original images of your catalog are high resolution. This means they should have enough pixels to display clearly on large screens. A general rule is to use images that are at least 1920 pixels wide for full-width display.

Or use responsive image techniques. This means the browser will select the appropriate image size based on the screen size of the device. You can achieve this by using HTML’s srcset attribute or by employing CSS techniques.