Image Specifications

High-quality images improve your store’s appearance and increase conversion rates. All images uploaded to storekit are automatically optimised and served via CDN for fast loading.

​

Image Specifications

These sizes ensure sharp rendering on high-density (Retina) displays up to 3x. All images are automatically optimised and resized for different screen sizes via CDN delivery.

​

Store logo sizing and cropping

Upload your store logo as a square image, 1536 x 1536 px. When you create a store, the Logo field advises “upload a square image at the highest resolution you have available and at least 160x160 pixels” — 160 x 160 px is a floor, not a target, and the storefront requests versions up to 320 px wide, so anything under 320 px will look soft. Upload it in Stores → your store → Settings → Design & Branding → Images → Brand → Logo.

​

How the logo is displayed

The display size depends on the header style set in Stores → your store → Settings → Design & Branding → Layout → Header style (Classic, Minimal, or Multisite — this list is fixed): Because the storefront requests versions of the logo at 1x, 2x, and 3x (up to 320 px wide) to stay sharp on Retina screens, the upload needs to be much bigger than the box it lands in. That is why the recommended upload is 1536 x 1536 px even though the Classic header renders it at 80 x 80 px. Anything smaller than 320 px wide will look soft on a high-density display.

​

What happens to a non-square logo

On the Classic header, the logo is placed in a fixed 80 x 80 px square and then masked into a circle:

• A wide (landscape) logo is squeezed to fit the square, so it looks compressed, and the circular mask then trims the corners and the far left and right ends — the parts of a wordmark closest to the edges disappear.
• A tall (portrait) logo is stretched the other way, and the top and bottom are trimmed by the same circular mask.
• A square logo fills the circle correctly, but any detail in the corners of the square is still outside the circle. Keep your mark centred with padding around it.

There is no crop, zoom, or reposition control for the logo in Design & Branding — the upload panel only accepts a file, and the circular framing cannot be turned off, so the artwork has to be prepared square before uploading.

​

Desktop and mobile differ

On the Classic header, the circular logo appears only on desktop-width screens. On mobile the Classic header shows your Header image and store name instead, and the Logo is not displayed there at all. This is why a cropped logo is usually reported as a desktop-only problem. The Minimal and Multisite headers show the Nav logo at 32 px tall on both desktop and mobile, scaled to fit rather than cropped. If you have a wide, wordmark-style logo that cannot be made square, one of these header styles will display it without trimming.

​

Uploading Images

​

Product Images

1. Open the Dashboard and navigate to Menus → Menu
2. Select the product you want to edit
3. Click the image area at the top of the product editor
4. Choose an image file from your device and confirm the upload
5. Save the product

​

Category Header Images

1. Open the Dashboard and navigate to Menus → Menu
2. Select the category you want to update
3. Click the header image area at the top of the category editor
4. Upload an image — use a wide, short banner-style image (the image displays at full width with no height constraint, so shorter images work best)
5. Save the category

​

Best Practices

• Use high-quality photos — Clear, well-lit images significantly increase order rates
• Consistent aspect ratios — Keep images consistent across products for a polished look
• Natural lighting — Food photos look best with soft, natural light
• Simple backgrounds — Avoid cluttered backgrounds that distract from the product
• Correct orientation — Ensure images are not rotated or upside down before uploading

​

Supported Formats

storekit uses Uploadcare for image processing, which supports a wide range of image formats including PNG, JPG, GIF, WebP, HEIC, TIFF, and BMP. Images are automatically converted and optimised for delivery.

​

Troubleshooting

​

Image Won’t Upload

Cause: The file exceeds the 100 MB size limit, uses an unsupported format, or a browser extension is interfering. Fix:

1. Check the file size — compress or resize the image if it exceeds 100 MB
2. Ensure the file is a supported image format (PNG, JPG, GIF, WebP, HEIC, TIFF, or BMP)
3. Try a different browser or disable browser extensions
4. Clear your browser cache and retry

​

My Logo Is Cropped or Squashed

Cause: The Classic header style places the Logo in a fixed 80 x 80 px circle, so a non-square image is squeezed and its edges trimmed. There is no crop or reposition control to adjust this. Fix: Re-upload a square logo with the mark centred and some padding around it (see Store logo sizing and cropping), or switch to the Minimal or Multisite header style in Stores → your store → Settings → Design & Branding → Layout → Header style, which display the Nav logo scaled to fit instead.

​

Image Looks Blurry

Cause: The source image resolution is too low for the display size. Fix: Upload an image that meets or exceeds the recommended resolution for that image type (see the specifications table above). For product images, aim for at least 1200 x 1200 px to look sharp on Retina displays — higher is always better since storekit downscales automatically.

​

I Use a POS Integration and Can’t Change Images

Cause: POS-synced menus may lock product editing in the storekit Dashboard. When a POS integration manages your menu, changes made in the Dashboard can be overwritten on the next sync. Fix: Update images directly in your POS system and let them sync to storekit. If your POS does not support image uploads, contact support to discuss unlocking image editing. See POS Integration Overview for details on how synced menus work.