{"id":733,"date":"2022-12-09T15:18:43","date_gmt":"2022-12-09T15:18:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/12\/09\/6811698-hostinger-website-builder-how-to-change-product-image-proportions\/"},"modified":"2026-08-20T07:47:12","modified_gmt":"2026-08-20T07:47:12","slug":"6811698-hostinger-ai-builder-manual-mode-how-to-change-product-image-proportions","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6811698-hostinger-ai-builder-manual-mode-how-to-change-product-image-proportions\/","title":{"rendered":"Hostinger AI Builder: How to change product image proportions in manual mode"},"content":{"rendered":"

Change the proportions of product images in your Hostinger AI Builder manual mode online store from the product section settings.<\/p>

Change the image ratio<\/h2>
    \n
  1. Click on a product section.<\/a><\/b><\/li>\n
  2. Select Edit section<\/b>.<\/li>\n
  3. Then, expand the Layout<\/b> tab.<\/li>\n
  4. Select the preferred image ratio<\/b>:
    \n\"\"<\/li>\n<\/ol>
    <\/div>

    There are few main options for image ratio:<\/p>

      \n
    • Original shows images in their existing proportions, without cropping.<\/li>\n
    • Square displays images in a 1:1 ratio. Selecting this option also lets you adjust the image border radius to round the image corners, or make the product image fully round.<\/li>\n
    • Landscape displays images in a wider, horizontal ratio, suited to images with more width than height.<\/li>\n
    • Portrait displays images in a taller, vertical ratio, suited to images with more height than width.<\/li>\n<\/ul>
      \n

      Recommended product image dimensions:<\/p>\n

        \n
      • \n

        600×600<\/b> PX <\/b>might result in slightly worse quality on tablets<\/p>\n<\/li>\n

      • \n

        900×900 PX <\/b>suitable for all screen sizes<\/p>\n<\/li>\n<\/ul>\n<\/div>

        And that’s it! Your product images now display with your chosen proportions.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Change the proportions of product images in Hostinger AI Builder manual mode.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-733","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6811698-hostinger-website-builder-how-to-change-product-image-proportions\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6811698-hostinger-creador-de-sitios-web-como-cambiar-las-proporciones-de-las-imagenes-de-los-productos\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6811698-hostinger-createur-de-sites-web-comment-modifier-les-proportions-des-images-des-produits\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6811698-hostinger-website-builder-cara-mengubah-proporsi-foto-produk\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6811698-hostinger-svetainiu-kurimo-irankis-produktu-nuotrauku-proporcijos\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6811698-hostinger-criador-de-sites-como-alterar-as-proporcoes-da-imagem-do-produto\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=733"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/733\/revisions"}],"predecessor-version":[{"id":16342,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/733\/revisions\/16342"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}