Image sizing guide
Uploading the right size image for each part of Akira keeps your store looking sharp on every screen without slowing it down. Here are the recommended dimensions for the images you'll upload most often.
Recommended sizes
| Section | Recommended size | Notes |
|---|---|---|
| Hero / image banner | At least 1600 x 900px (desktop) | Use the separate mobile image field for a crop that works on narrow screens instead of relying on the desktop image alone. |
| Product images | 2000 x 2000px, square | A square, high-resolution image gives the best result in the zoomable product gallery. |
| Collection tiles & collection-list blocks | 1200 x 1500px, portrait | Portrait orientation suits Akira's editorial collection layouts better than square or landscape crops. |
| Logo | SVG preferred, or high-res PNG | SVG stays crisp at any size and on any screen density. If SVG isn't available, use the largest PNG you have. |
Let the theme handle responsiveness
Akira automatically serves responsive image sizes using srcset, generating and delivering the appropriately sized version of your image for each visitor's screen. You don't need to manually resize an image for mobile, tablet, and desktop breakpoints yourself.
Upload the largest reasonable version of an image you have, at or above the recommended dimensions in the table above, and let Akira handle serving the right size to each device. Uploading undersized images is the more common mistake, since the theme can scale a large image down cleanly but cannot add detail to a small one.
Tip: If an image looks soft or pixelated on a large monitor, the fix is almost always to upload a bigger source image, not to change a theme setting.