{"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":"2025-08-27T06:53:51","modified_gmt":"2025-08-27T06:53:51","slug":"6811698-hostinger-website-builder-how-to-change-product-image-proportions","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6811698-hostinger-website-builder-how-to-change-product-image-proportions\/","title":{"rendered":"Hostinger Website Builder: How to Change Product Image Proportions"},"content":{"rendered":"

If you use Hostinger Website Builder <\/b>to run an online store, here’s how you can change the proportions of your product images 👇 <\/p>

\n<\/p>

Click on a product section<\/a><\/b> and select Edit section<\/b>. Then, expand the Layout<\/b> tab and select the preferred image ratio<\/b>:<\/p>

\n<\/p>

\"Change<\/div>

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

    \n
  • \n

    Square <\/b>– if you select this option, you can also change the image border-radius<\/b> (round the image corners) and make the product image round<\/p>\n<\/li>\n

  • \n

    Original<\/b> – use this option to show images in their original proportions<\/p>\n<\/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! Now you know how to manipulate the appearance of product images in Hostinger Website Builder 📸 <\/p>\n","protected":false},"excerpt":{"rendered":"

      Learn how to change the product image proportions using Hostinger Website Builder<\/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":[286],"tags":[],"class_list":["post-733","post","type-post","status-publish","format-standard","hentry","category-online-store"],"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-PT","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":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/733\/revisions"}],"predecessor-version":[{"id":3142,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/733\/revisions\/3142"}],"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}]}}