{"id":157950,"date":"2026-10-25T12:20:20","date_gmt":"2026-10-25T12:20:20","guid":{"rendered":"https:\/\/docs.daftra.com\/?post_type=tutorial&p=157950"},"modified":"2026-11-10T12:37:56","modified_gmt":"2026-11-10T12:37:56","slug":"image-sizes-in-the-online-store-content-management","status":"publish","type":"tutorial","link":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/","title":{"rendered":"Image Sizes in the Online Store Content Management"},"content":{"rendered":"
\n

This article gathers the upload requirements for each type of online store image as the system applies them: where to upload, the allowed formats, the maximum size, and how the image appears in the store.<\/p>\n

\n

Contents<\/p>\n

    \n
  1. Image Requirements by Type<\/strong><\/a><\/li>\n
  2. How Images Appear<\/strong><\/a><\/li>\n
  3. Rules and Restrictions<\/strong><\/a><\/li>\n
  4. Frequently Asked Questions<\/strong><\/a><\/li>\n<\/ol>\n<\/div>\n

    Image Requirements by Type<\/h2>\n\n\n\n\n\n\n\n\n
    Image<\/th>\nWhere It Appears<\/th>\nWhere to Upload<\/th>\nAllowed Formats<\/th>\nMaximum Size<\/th>\n<\/tr>\n
    Slider images<\/strong><\/td>\nAt the top of the home page<\/td>\nMain Gallery<\/strong><\/a><\/td>\nPng, jpg, gif, bmp<\/td>\n25 MB<\/td>\n<\/tr>\n
    Logo<\/strong><\/td>\nThe header, as well as invoices and email templates<\/td>\nAccount Settings<\/strong><\/a><\/td>\nJpg, jpeg, png, gif<\/td>\n5 MB (as stated on the screen)<\/td>\n<\/tr>\n
    Product images<\/strong><\/td>\nThe products list (the default image) and the product page (all images)<\/td>\nProducts & Services<\/strong><\/a><\/td>\nJpg, jpeg, png, gif<\/td>\n50 MB per image<\/td>\n<\/tr>\n
    Category image<\/strong><\/td>\nThe categories section and the top of the category page<\/td>\nCategories<\/strong><\/a><\/td>\nJpg, jpeg, png, gif (one image)<\/td>\nAccording to the account\u2019s file limit<\/td>\n<\/tr>\n
    Images inside content pages<\/strong><\/td>\nPages designed with the visual editor and the footer<\/td>\nThe image library inside the visual editor<\/td>\nImage formats<\/td>\n\u2014<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    How Images Appear<\/h2>\n
      \n
    • The system doesn\u2019t crop or resize images on upload; the image appears as you uploaded it within the space set by the template.<\/li>\n
    • The products list shows only the product\u2019s default image, and the product page shows all its images in a gallery that enlarges on click.<\/li>\n
    • A product without images shows a placeholder image instead, and on the product page the phrase \u201cNo Image Available\u201d appears.<\/li>\n
    • If there is no logo, the business name appears in its place in the header.<\/li>\n<\/ul>\n

      Rules and Restrictions<\/h2>\n
        \n
      • Unify the dimensions of all slider images so its height doesn\u2019t change.<\/li>\n
      • Use square images for all products so the cards are equal in the products list.<\/li>\n
      • Use a horizontal logo with a transparent background in PNG format. The SVG format isn\u2019t accepted for the logo.<\/li>\n
      • Deleting an image from the image library in the visual editor deletes it permanently from all pages that use it, without a confirmation message.<\/li>\n<\/ul>\n

        Frequently Asked Questions<\/h2>\n

        What size does the system require for slider images?<\/h3>\n

        The system doesn\u2019t require a specific size; the restrictions are the format and the file size only.<\/p>\n

        Why do product cards appear with different heights?<\/h3>\n

        The product images have different dimensions. Use the same dimensions for all images.<\/p>\n

        I uploaded a large image and the store became slow. What do I do?<\/h3>\n

        Reduce the image size before uploading it, then delete the old image and upload the new one.<\/p>\n<\/div>\n","protected":false},"author":38,"featured_media":0,"template":"","categories":[2162,2161],"tags":[29902,29899,29895,29904,29896,29903,4130,29905,29709,29898,4132,29897,29901,29906,29900],"class_list":["post-157950","tutorial","type-tutorial","status-publish","hentry","category-manage-content","category-shop-front","tag-category-image","tag-image-formats","tag-image-sizes","tag-image-upload","tag-logo","tag-main-gallery-2","tag-manage-content","tag-maximum-image-size","tag-online-store","tag-product-images","tag-shop-front","tag-slider-images","tag-store-images","tag-visual-editor","tag-website-images"],"yoast_head":"\nImage Sizes in the Online Store Content Management - Daftra Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Sizes in the Online Store Content Management - Daftra Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"This article gathers the upload requirements for each type of online store image as the system applies them: where to upload, the allowed formats, the maximum size, and how the image appears in the store. Contents Image Requirements by Type How Images Appear Rules and Restrictions Frequently Asked Questions Image Requirements by Type Image Where […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/\" \/>\n<meta property=\"og:site_name\" content=\"Daftra Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-10T12:37:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.daftra.com\/#organization\",\"name\":\"Daftra\",\"url\":\"https:\/\/docs.daftra.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/docs.daftra.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"contentUrl\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"caption\":\"Daftra\"},\"image\":{\"@id\":\"https:\/\/docs.daftra.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.daftra.com\/#website\",\"url\":\"https:\/\/docs.daftra.com\/\",\"name\":\"Daftra Knowledge Base\",\"description\":\"Daftra\",\"publisher\":{\"@id\":\"https:\/\/docs.daftra.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.daftra.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#webpage\",\"url\":\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/\",\"name\":\"Image Sizes in the Online Store Content Management - Daftra Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/docs.daftra.com\/#website\"},\"datePublished\":\"2026-10-25T12:20:20+00:00\",\"dateModified\":\"2026-11-10T12:37:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.daftra.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Sizes in the Online Store Content Management\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Sizes in the Online Store Content Management - Daftra Knowledge Base","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/","og_locale":"en_US","og_type":"article","og_title":"Image Sizes in the Online Store Content Management - Daftra Knowledge Base","og_description":"This article gathers the upload requirements for each type of online store image as the system applies them: where to upload, the allowed formats, the maximum size, and how the image appears in the store. Contents Image Requirements by Type How Images Appear Rules and Restrictions Frequently Asked Questions Image Requirements by Type Image Where […]","og_url":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/","og_site_name":"Daftra Knowledge Base","article_modified_time":"2026-11-10T12:37:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/docs.daftra.com\/#organization","name":"Daftra","url":"https:\/\/docs.daftra.com\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/docs.daftra.com\/#logo","inLanguage":"en-US","url":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","contentUrl":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","caption":"Daftra"},"image":{"@id":"https:\/\/docs.daftra.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/docs.daftra.com\/#website","url":"https:\/\/docs.daftra.com\/","name":"Daftra Knowledge Base","description":"Daftra","publisher":{"@id":"https:\/\/docs.daftra.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.daftra.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#webpage","url":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/","name":"Image Sizes in the Online Store Content Management - Daftra Knowledge Base","isPartOf":{"@id":"https:\/\/docs.daftra.com\/#website"},"datePublished":"2026-10-25T12:20:20+00:00","dateModified":"2026-11-10T12:37:56+00:00","breadcrumb":{"@id":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/image-sizes-in-the-online-store-content-management\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.daftra.com\/en\/"},{"@type":"ListItem","position":2,"name":"Image Sizes in the Online Store Content Management"}]}]}},"_links":{"self":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/157950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":1,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/157950\/revisions"}],"predecessor-version":[{"id":157952,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/157950\/revisions\/157952"}],"wp:attachment":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/media?parent=157950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/categories?post=157950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tags?post=157950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}