Image banner quality poooor

Store Design
1

www.thoughtbox.pk

please check, i have uploaded high def designs for desktop and mobile and the quality just worsens when uploaded on shopify banners. please help

2

Hi @saadrafi ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. Add code below to end of file
.banner  .banner__media {
        position: static;
        max-width: none;
        flex: 0 0 100%;
    }
    .banner  .banner__media img {
        width: 100%!important;
        position: static!important;
    }
    .banner  .banner__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: inherit;
    }
  1. Update image below to large image( I saw it’s 900x600 )

https://thoughtbox.pk/cdn/shop/files/Your_paragraph_text_3_x_2_in_1.jpg

EBOOST_0-1718847317371.jpeg
EBOOST_0-1718847317371.jpeg900×600 39.4 KB

3

i tried doing this, the quality did not improve. the size of the picture increased in height and i dont want that, im fine with it height and width, just want better quality. i am uploading high quality picture but when uploaded the quality drops.

4

Hi,

You need to add a larger image. Your image is so small.