Images

Genstore offers rich image management features that allow merchants to personalize the look of their online store by adding custom logos, site icons, product images, slides, banners, blog post images, and stock photos. Additionally, you can upload your own images for more customization.

Upload logo and site icon

You can upload your store’s logo and favicon in the Theme design panel. The uploaded logo will be used as your store’s primary branding and can be displayed consistently across all pages.

TIP

If no logo is uploaded, your store name will be displayed instead.

Logo settings

This image will serve as the store’s brand identity. You can adjust the logo’s display width for desktop view.

Site icon (favicon)

The site icon appears in the browser tab and bookmarks. A square image (96 × 96 px) is recommended.

Steps

1. Log in to the Genstore admin and go to Online Store -> Themes.
2. Click Customize next to your theme.
3. In the editor’s left navigation bar, click the Theme design icon (the fourth option from the top).
4. Select Logo from the dropdown list (see screenshot).
5. Upload your logo image and adjust the width slider if needed.
6. Upload a favicon icon in the designated field.
7. Click Save in the top-right corner to apply your changes.

Upload images

You can upload product images, slides, banners, and blog post images, and optimize them by cropping and resizing. You can also customize media file settings for better presentation of your store.

Steps

1. Log in to the Genstore admin and go to Online Store -> Themes.
2. Click Design next to the desired theme.
3. For example, if you want to add or change the image banner displayed on the homepage, click Image banner under Segment template in the sidebar of the theme editor. Complete the necessary actions in the Image banner window on the right side of the page.
4. [Optional] If you want to add an image to a page other than the homepage, click the dropdown menu under the homepage and select the page template you want to edit, such as product or product collection.
   • In the theme editor sidebar, click Add section, choose Image banner from the dropdown, and adjust the image title, text, buttons, or add more blocks.
   • In the Image banner window on the right side of the page, upload the image and complete the settings.
5. Click Save.

Theme image and asset size recommendations

Suggested image sizes for common sections

Section	Element	Desktop size （Width x Height）	Mobile size （Width x Height）	Recommended ratio	File size
Header	Logo	-	-	-	500 KB - 2 MB
Header	Site icon	96 px x 96 px	Same as PC	1:1
Banner	Image	Extra large: 1920 px × 800 px Medium: 1920 px × 640 px Small: 1920 px × 480 px	Large: 440 px × 480 px Medium: 440 px × 400 px Small: 440 px × 320 px	-	5 MB
Image with text	Image	Extra large: 1920 px × 2560 px Large: 1920 px × 1920 px Medium: 1920 px × 1440 px Small: 1920 px × 1080 px	Same as PC	Extra large: 3:4 Large: 1:1 Medium: 4:3 Small: 16:9	5 MB
Collage	Image	1920 px × 1920 px	-	1:1	5 MB
Collage cover	Video	-	-	1:1	10 MB
Collection list	Image	-	-	1:1 / 3:4	-
Collection page banner	Image	-	-	3:2 / 16:9 / 21:9 / 32:9	-
Featured collection	Image	-	-	1:1 or 3:4	-
Image	Image	-	-	4:3	5 MB
Video	Video	-	-	-	10 MB
Video cover	Image	-	-	1:1 / 3:4 / 4:3 / 16:9 / 21:9	5 MB
Slideshow	Image	Large: 1920 px x 800 px Medium: 1920 px x 640 px Small: 1920 px x 480 px	Large: 440 px x 480 px Medium: 440 px x 400 px Small: 440 px x 320 px	-	5 MB
Multi-column	Image	-	-	1:1 / 3:4	-
Contact form	Image	-	-	1:1 / 3:4 / 4:3 / 16:9	-
Blog post	Image	-	-	16:9 / 4:3 / 3:2	-
Gift card cover	Image	-	-	16:9	-

Image optimization tips

• Supported formats: WebP, JPG/JPEG, PNG, SVG, AVIF, GIF, HEIC, BMP
• Compress images: Use tools like TinyPNG or Squoosh to reduce file size without noticeable quality loss, improving page load speed.
• Use descriptive file names: Rename files like IMG_1234.jpg to blue-t-shirt-front-view.jpg to help search engines understand image content and improve SEO.
• Choose the right format: Use JPEG for product photos and PNG for logos or icons with transparent backgrounds.
• Maintain consistent aspect ratios: Follow the recommended ratios to avoid cropping or distortion.