Images Formats - Restrictions and Recommendations

Images Formats - Restrictions and Recommendations

Website Category Tiles

Mobile view: square,  500*500 px JPG/PNG up to 1MB
Desktop view: horizontal rectangle, 1000*430 px JPG/PNG up to 1MB


App Category Tiles

Best Size: 600*757px JPG/PNG up to 1MB

Learn more about how to customize your mobile app and website categories here



Product Groups & Banners & Hero Images

Best Size:
App: 1600*530 px Horizontal, JPG/PNG/GIF, up to 1MB (Facebook Cover on Canva)
Web: 1600*400px Horizontal, JPG/PNG/GIF, up to 1MB (LinkedIn Banner on Canva)

Please make sure to use high-res images, sharp text, etc
All images are compressed on our end to make sure your app and website are loading fast










App Assets





Image Type

Dimensions 
Width * Height (px)
File Format

Size Limit

Notes

Icon
1024*1024 
PNG
500 KB
-
Push Icon
256*256
PNG
Transparent
500 KB
Black & White
Feature
1024*500 
Horizontal
PNG
1 MB
-
Logo
1000*200 
Horizontal
PNG
Transparent
500 KB
Logo on the app's home page
Splash
2732*2732
PNG
1.5 MB
*Safe area: 1100px*2530px
Vertical, centered
Store List Image 
Multi-store only
1024*500
Horizontal
PNG
500 KB
*Safe area: 1024*270px
Horizontal, centered

Splash image is used for both phones and iPads/tablets
Store list images manually uploaded by the City Hive Design Team only
Safe area - should include all important content (e.g. logo or text). This will prevent content from being hidden/cutting off the device screen
          * Safe area examples:

          

Here is an example of what the app assets will look like:





Serverless Website Asses

Logo
Best Size: 1024*500 px Horizontal, JPG/PNG/GIF, up to 1MB
Favicon
Best Size: 512*512 px Square, JPG/PNG, up to 1MB



Bottle Images

Best Size: 300*1000 px (1 bottle/can - preference is without glass/accessories/box etc.) 
Width: up to 500px
Height: up to 1000 px
Background: Transparent or solid white 
Format: PNG or JPG, up to 200KB 



Push Notifications In-App

Regular View: Horizontal 675*400 px, JPG/PNG/GIF, up to 2MB 
Scrolled Zoom in View (for vertical images only): Vertical 675*788 px, JPG/PNG/GIF, up to 2MB 






Events

Best Size: 1000px * 660px horizontal, JPG/PNG/GIF, up to 2MB



Wine Club

Wine club - plan image
Best Size: 800px*530px Horizontal, JPG/PNG, up to 1MB

Wine club - header image
Manually uploaded by the City Hive Design Team only
Best Size: 
App: 1000*680px Horizontal, JPG/PNG/GIF, up to 1MB
Web: 1600*400px Horizontal, JPG/PNG/GIF, up to 1MB




Email Assets

Automated informative emails: 
Email Logo: 147*37 px PNG - up to 500KB 

Marketing emails:
Email Logo on Light Background + Gift print message: 1000*460px PNG transparent - up to 500KB
Email Logo on Dark Background: 1000*460px PNG transparent - up to 500KB

    • Related Articles

    • Personalize your Mobile App and Website Tiles

      To customize the look and feel of your app and website, you can edit each category tile image via the dashboard.  ➡️ Head to the Categories Page of your App or Website's Studio 1. Hover over and click the image you wish to change 2. Click Remove ...
    • Update Product Information

      Inventory Page  Head to the left side of the dashboard and hover over the barcode icon to view "My Products". After clicking on "My Products" It should take you to the following page where you can view all products.  Here is where you are able to ...
    • Migrate Your Apple App

      Apple updated their terms of service to no longer allow a third party developer to release a mobile app on behalf of another organization. Therefore, in order to get your Apple app up to date, you will need to apply to their developer program so we ...
    • Create a Custom Category

      Recommending different products, categories and offers that make your store unique at the top of your website and app helps convert visitors to customers. You can use a PNG, JPEG or stand out by using a GIF file. Here's how: ➡️ Head to Your Inventory ...
    • Create a Product Group

      Introduction Whether you want to create a group of products for your customers to shop from or you need a way to organize your inventory, a product group is a great way to do both. In this article, we'll go over a couple of ways to create product ...