{"id":75,"date":"2023-06-30T11:50:59","date_gmt":"2023-06-30T11:50:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/06\/30\/6811698-hostinger-website-builder-cara-mengubah-proporsi-foto-produk\/"},"modified":"2025-08-26T19:57:17","modified_gmt":"2025-08-26T19:57:17","slug":"6811698-hostinger-website-builder-cara-mengubah-proporsi-foto-produk","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6811698-hostinger-website-builder-cara-mengubah-proporsi-foto-produk\/","title":{"rendered":"Hostinger Website Builder: Cara Mengubah Proporsi Foto Produk"},"content":{"rendered":"<p class=\"no-margin\">Jika Anda menggunakan Website Builder Hostinger untuk menjalankan toko online, berikut ini adalah cara untuk mengubah proporsi gambar produk Anda &#128071; <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Klik <b><a href=\"\/id\/support\/6538352-website-builder-bagian-produk\" target=\"_blank\" class=\"intercom-content-link\">bagian produk<\/a><\/b>, lalu pilih <b>Edit section<\/b>. Buka tab <b>Layout <\/b>dan ubah <b>Image ratio<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/06\/c65b03af-2ad0-4db5-885e-e0336b2e2699.jpg\" alt=\"Mengubah rasio gambar produk di bagian produk\"><\/div><p class=\"no-margin\">Terdapat dua opsi rasio gambar:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Square <\/b>&ndash; dengan memilih opsi ini, Anda juga bisa mengatur <b>image border-radius<\/b> (sudut foto bulat) dan membulatkan foto produk<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Original<\/b> &ndash; pilih opsi ini jika ingin menampilkan proporsi asli foto<\/p>\n<\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Dimensi foto produk yang direkomendasikan:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>600&times;600<\/b> <b>piksel <\/b>mungkin akan menurunkan kualitas di tablet<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>900&times;900 piksel <\/b>cocok untuk semua ukuran layar<\/p>\n<\/li>\n<\/ul>\n<\/div><p class=\"no-margin\">Selesai! Kini Anda sudah tahu cara mengubah proporsi foto produk di Website Builder Hostinger &#128248;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mengubah proporsi foto produk di Website Builder Hostinger<\/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":[261],"tags":[],"class_list":["post-75","post","type-post","status-publish","format-standard","hentry","category-toko-online"],"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\/id\/support\/wp-json\/wp\/v2\/posts\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"predecessor-version":[{"id":1181,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/75\/revisions\/1181"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}