---
title: Recommended Category Image Size for Best Display
description: To ensure your category images display properly and maintain a professional appearance across all devices and screen sizes, it’s important to use the correct dimensions.
---

[Skip to content](https://docs.zaytech.com/knowledge/recommended-category-image-size-for-best-display#main-content)

English

Show submenu for translations

[More support](https://docs.zaytech.com/knowledge/kb-tickets/new?hsLang=en)

![logo-2.png\]](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?height=47&name=logo-2.png)

- [Default HubSpot Blog](https://blog.zaytech.com/)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://blog.zaytech.com/)
- English
  
  Show submenu for translations
- [More support](https://docs.zaytech.com/knowledge/kb-tickets/new)
- Smart Online Order - by Zaytech

 Smart Online Order - by Zaytech

 What are you looking for?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://docs.zaytech.com/knowledge?hsLang=en)
2. [Items/Images/Descriptions](https://docs.zaytech.com/knowledge/items-images-descriptions?hsLang=en)

# Recommended Category Image Size for Best Display

## To ensure your category images display properly and maintain a professional appearance across all devices and screen sizes, it’s important to use the correct dimensions.

### ✅ Recommended Image Size

- **Dimensions:** 1350 × 450 pixels (width × height)
- **File Format:** JPEG or PNG
- **Orientation:** Landscape
- **File Size:** Under 1MB for optimal loading speed

### 📌 Why This Size?

Using **1350 × 450 px** ensures that:

- Images fit perfectly without being stretched, cropped, or distorted.
- Your layout remains consistent and visually appealing.
- Category banners look sharp on both desktop and mobile devices.

### 🔧 Tips for Uploading

- Avoid placing critical text or logos near the edges—some cropping may occur depending on screen size.
- Use high-resolution images for a clean, professional look.
- Compress images before uploading to keep loading times fast without sacrificing quality.

By following these guidelines, your category images will appear exactly as intended and create a better visual experience for your customers.

- [Quick Setup Instructions](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#main-content)

    - [Getting Started](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#getting-started)
- [Set Up Smart Online Order Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#main-content)

    - [Making Simple Changes Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#making-simple-changes-yourself)
- [Developers](https://docs.zaytech.com/knowledge/developers?hsLang=en#main-content)

    - [WordPress Plug-in](https://docs.zaytech.com/knowledge/developers?hsLang=en#wordpress-plug-in)
- [Smart Online Order / Clover Dashboards](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#main-content)

    - [Signing in](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#signing-in)
    - [Other Options](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#other-options)
    - [Clover Dashboard](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#clover-dashboard)
- [Retail](https://docs.zaytech.com/knowledge/retail?hsLang=en)
- [FAQ](https://docs.zaytech.com/knowledge/faq?hsLang=en)
- [Import/Sync Inventory](https://docs.zaytech.com/knowledge/import-sync-inventory?hsLang=en)
- [Order Types Tab](https://docs.zaytech.com/knowledge/order-types-tab?hsLang=en)
- [Categories & Items](https://docs.zaytech.com/knowledge/categories-items?hsLang=en)
- [Checkout Settings](https://docs.zaytech.com/knowledge/checkout-settings?hsLang=en)
- [Store Settings](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#main-content)

    - [Scheduling Orders](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#scheduling-orders)
    - [Email / Text Notifications](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#email-text-notifications)
- [Delivery Areas/Fees](https://docs.zaytech.com/knowledge/delivery-areas-fees?hsLang=en)
- [Store Interfaces](https://docs.zaytech.com/knowledge/store-interfaces?hsLang=en)
- [Items/Images/Descriptions](https://docs.zaytech.com/knowledge/items-images-descriptions?hsLang=en)
- [Coupons](https://docs.zaytech.com/knowledge/coupons?hsLang=en)
- [Helpful Articles](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#main-content)

    - [Troubleshooting](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#troubleshooting)
- [Troubleshooting](https://docs.zaytech.com/knowledge/troubleshooting?hsLang=en)
- [Kiosk](https://docs.zaytech.com/knowledge/kiosk?hsLang=en)
- [Customers](https://docs.zaytech.com/knowledge/customers?hsLang=en)
- [Loyalty System](https://docs.zaytech.com/knowledge/loyalty-system?hsLang=en)
- [Branded App](https://docs.zaytech.com/knowledge/branded-app?hsLang=en)
- [Mobile App](https://docs.zaytech.com/knowledge/mobile-app?hsLang=en)
- [Modifier Groups and Modifiers](https://docs.zaytech.com/knowledge/modifier-groups-and-modifiers?hsLang=en)
- [Crossposting Blog](https://docs.zaytech.com/knowledge/crossposting-blog?hsLang=en)

- [Default HubSpot Blog](https://blog.zaytech.com/)

[![Chill listening crop-3](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?width=101&height=32&name=logo-2.png "Chill listening crop-3")](https://zaytech.com/)

2025 Zaytech Software Co. All Rights Reserved.

[support@zaytech.com](mailto:support@zaytech.com)

[Call Us For Support: (925) 414 – 3848](tel:9254143848)

Copyright © 2025, Zaytech