{"id":5533,"date":"2021-06-07T08:29:00","date_gmt":"2021-06-07T08:29:00","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=5533"},"modified":"2024-12-11T09:36:03","modified_gmt":"2024-12-11T09:36:03","slug":"change-the-default-product-image-size-in-magento-2","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/","title":{"rendered":"How To Change The Default Product Image Size In Magento 2"},"content":{"rendered":"\n<p>In this post, I will guide you on&nbsp;<strong>How To Change The Default Product Image Size In Magento 2<\/strong>. Resize product images to fit your store\u2019s design.<\/p>\n\n\n\n<p>The image of the product is a very important part of the storefront. Be part of a customer\u2019s buying decision and drive sales.<\/p>\n\n\n\n<p>Make the product image match the theme of the store by resizing the product image. Follow these steps:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps To Change Default Product Image Size In Magento 2<\/h2>\n\n\n\n<p>1. You go to&nbsp;<code>view.xml<\/code>&nbsp;configuration file.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&lt;theme-directory&gt;\/etc\/view.xml\n<\/pre><\/div>\n\n\n<p>2. After, You switch to image properties where display image properties are configured.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&lt;images module=&quot;Magento_Catalog&quot;&gt;\n<\/pre><\/div>\n\n\n<p>3. You need mind your image id and image type you want to change and edit properties follow below code:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&lt;images module=&quot;Magento_Catalog&quot;&gt;\n \n    &lt;image id=&quot;unique_image_id&quot; type=&quot;image_type&quot;&gt;\n        &lt;width&gt;750&lt;\/width&gt;\n        &lt;height&gt;445&lt;\/height&gt;\n    &lt;\/image&gt;\n \n&lt;\/images&gt;\n<\/pre><\/div>\n\n\n<p><strong>Explain image attributes:<\/strong><\/p>\n\n\n\n<p><strong>id<\/strong>&nbsp;\/&nbsp;<strong>string<\/strong>: An individual parameter that is used in .phtml templates. It can be used to specify image properties for a specific location or page.<\/p>\n\n\n\n<p><strong>type<\/strong>&nbsp;\/&nbsp;<strong>string<\/strong>: It defines the image to be displayed. The following are list of the attributes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>image \u2013 corresponds to the Base Image role in the Magento Admin.<\/li>\n\n\n\n<li>small_image \u2013 corresponds to the Small Image role in the Magento Admin.<\/li>\n\n\n\n<li>swatch_image \u2013 corresponds to the Swatch Image role in the Magento Admin.<\/li>\n\n\n\n<li>swatch_thumb \u2013 corresponds to the Swatch Image role in the Magento Admin.<\/li>\n\n\n\n<li>thumbnail \u2013 corresponds to the <a href=\"https:\/\/www.adobe.com\/express\/create\/thumbnail\/youtube\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Thumbnail Image<\/a> role in the Magento Admin.<\/li>\n<\/ul>\n\n\n\n<p><strong>Explain image parameters:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>width<\/strong>&nbsp;\/&nbsp;<strong>integer<\/strong>: Image width in pixels.<\/li>\n\n\n\n<li><strong>height<\/strong>&nbsp;\/&nbsp;<strong>integer<\/strong>: Image height in pixels.<\/li>\n\n\n\n<li><strong>constrain<\/strong>&nbsp;\/&nbsp;<strong>boolean<\/strong>: If set to true, images that are smaller than required by the configuration, are not enlarged.<\/li>\n\n\n\n<li><strong>aspect_ratio<\/strong>&nbsp;\/&nbsp;<strong>boolean<\/strong>: If set to true, proportions of images are not changed even if required by the configuration.<\/li>\n\n\n\n<li><strong>frame<\/strong>&nbsp;\/&nbsp;<strong>boolean<\/strong>: If set to true, images are not cropped.<\/li>\n\n\n\n<li><strong>transparency<\/strong>\u00a0\/\u00a0<strong>boolean<\/strong>: If set to true, the transparent background of images is saved. If is set to false, images have the white background (by default). You can set the color for the background using the background parameter.<\/li>\n\n\n\n<li><strong>background<\/strong>&nbsp;\/&nbsp;<strong>string<\/strong>: The color for the images background. Not applied to images with transparency, if transparency is set to true. Format: \u201c[, ,]\u201d, e.g.: \u201c[255, 255, 255]\u201d.<\/li>\n<\/ul>\n\n\n\n<p>This is the end of the&nbsp;<strong>How To Change The Default Product Image Size In Magento 2<\/strong>.<\/p>\n\n\n\n<p>Follow us for the more helpful posts!<\/p>\n\n\n\n<p>We hope this is a useful post for you&nbsp;<strong><a href=\"https:\/\/www.magetop.com\/blog\/create-a-new-root-category-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">How To Create A New Root Category In Magento 2<\/a><\/strong>.<\/p>\n\n\n\n<p>Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.<\/p>\n","protected":false},"author":106,"featured_media":5734,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[1215,1216,1217,1218,1220,107,1219,1221],"class_list":["post-5533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-tutorials","tag-change-the-default-product-image-size","tag-change-the-default-product-image-size-in-magento-2","tag-default-product-image-size","tag-how-to-change-the-default-product-image-size-in-magento-2","tag-image-size","tag-magento-2-tutorials","tag-product-image","tag-product-image-size"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Change The Default Product Image Size In Magento 2 - Magetop<\/title>\n<meta name=\"description\" content=\"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Change The Default Product Image Size In Magento 2 - Magetop\" \/>\n<meta property=\"og:description\" content=\"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-07T08:29:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-11T09:36:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2922\" \/>\n\t<meta property=\"og:image:height\" content=\"1732\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"How To Change The Default Product Image Size In Magento 2\",\"datePublished\":\"2021-06-07T08:29:00+00:00\",\"dateModified\":\"2024-12-11T09:36:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\"},\"wordCount\":414,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1\",\"keywords\":[\"Change The Default Product Image Size\",\"Change The Default Product Image Size In Magento 2\",\"Default Product Image Size\",\"How To Change The Default Product Image Size In Magento 2\",\"Image Size\",\"magento 2 tutorials\",\"Product Image\",\"Product Image Size\"],\"articleSection\":[\"Magento 2 Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\",\"name\":\"How To Change The Default Product Image Size In Magento 2 - Magetop\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1\",\"datePublished\":\"2021-06-07T08:29:00+00:00\",\"dateModified\":\"2024-12-11T09:36:03+00:00\",\"description\":\"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1\",\"width\":2922,\"height\":1732,\"caption\":\"How To Change The Default Product Image Size In Magento 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Change The Default Product Image Size In Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Change The Default Product Image Size In Magento 2 - Magetop","description":"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.","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:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"How To Change The Default Product Image Size In Magento 2 - Magetop","og_description":"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.","og_url":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2021-06-07T08:29:00+00:00","article_modified_time":"2024-12-11T09:36:03+00:00","og_image":[{"width":2922,"height":1732,"url":"https:\/\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png","type":"image\/png"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"How To Change The Default Product Image Size In Magento 2","datePublished":"2021-06-07T08:29:00+00:00","dateModified":"2024-12-11T09:36:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/"},"wordCount":414,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1","keywords":["Change The Default Product Image Size","Change The Default Product Image Size In Magento 2","Default Product Image Size","How To Change The Default Product Image Size In Magento 2","Image Size","magento 2 tutorials","Product Image","Product Image Size"],"articleSection":["Magento 2 Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/","url":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/","name":"How To Change The Default Product Image Size In Magento 2 - Magetop","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1","datePublished":"2021-06-07T08:29:00+00:00","dateModified":"2024-12-11T09:36:03+00:00","description":"In this post, I will guide you on\u00a0How To Change The Default Product Image Size In Magento 2. Resize product images to fit your store\u2019s design.","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1","width":2922,"height":1732,"caption":"How To Change The Default Product Image Size In Magento 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/change-the-default-product-image-size-in-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Change The Default Product Image Size In Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Change-The-Default-Product-Image-Size-In-Magento-2.png?fit=2922%2C1732&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-1rf","jetpack-related-posts":[{"id":3488,"url":"https:\/\/www.magetop.com\/blog\/how-to-change-logo\/","url_meta":{"origin":5533,"position":0},"title":"How To Change Logo In Magento 2","author":"Aaron LX","date":"November 27, 2020","format":false,"excerpt":"Place the first bricks in building your Magento store by changing the logo for your store. Changing or posting your brand logo increases your personalization and credibility with your customers. In How To Change Logo In Magento 2, we'll guide you step by step. Hopefully, this post will help you\u2026","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Change Logo In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Logo-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Logo-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Logo-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Logo-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1048,"url":"https:\/\/www.magetop.com\/blog\/how-to-create-new-theme-in-magento-2\/","url_meta":{"origin":5533,"position":1},"title":"How To Create New Theme In Magento 2","author":"Adam Roger","date":"January 2, 2020","format":false,"excerpt":"There are a number of differences and improvements to theme structure and the fallback system in Magento 2. The fallback system in Magento 2.x works in a similar way to Magento 1.x, but now has the added advantage of being able to create unlimited parent themes.","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Create New Theme In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/01\/How-To-Create-New-Theme-In-Magento-2.png?fit=750%2C450&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/01\/How-To-Create-New-Theme-In-Magento-2.png?fit=750%2C450&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/01\/How-To-Create-New-Theme-In-Magento-2.png?fit=750%2C450&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/01\/How-To-Create-New-Theme-In-Magento-2.png?fit=750%2C450&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5690,"url":"https:\/\/www.magetop.com\/blog\/add-watermark-to-product-image-in-magento-2\/","url_meta":{"origin":5533,"position":2},"title":"How To Add Watermark To Product Image In Magento 2","author":"Aaron LX","date":"April 28, 2021","format":false,"excerpt":"Display ownership or copyrights of your product image with a watermark. In this post, I will guide you on\u00a0How To Add Watermark To Product Image In Magento 2.","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Add Watermark To Product Image In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/04\/How-To-Add-Watermark-To-Product-Image-In-Magento-2.jpg?fit=936%2C549&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/04\/How-To-Add-Watermark-To-Product-Image-In-Magento-2.jpg?fit=936%2C549&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/04\/How-To-Add-Watermark-To-Product-Image-In-Magento-2.jpg?fit=936%2C549&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/04\/How-To-Add-Watermark-To-Product-Image-In-Magento-2.jpg?fit=936%2C549&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5517,"url":"https:\/\/www.magetop.com\/blog\/upload-product-image-placeholder-in-magento-2\/","url_meta":{"origin":5533,"position":3},"title":"How To Upload Product Image Placeholder In Magento 2","author":"Aaron LX","date":"June 10, 2021","format":false,"excerpt":"In this post, I will guide you on\u00a0How To Upload Product Image Placeholder In Magento 2. Change the product image placeholder on the storefront with the image you want.","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Upload Product Image Placeholder In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Upload-Product-Image-Placeholder-In-Magento-2.png?fit=1162%2C688&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Upload-Product-Image-Placeholder-In-Magento-2.png?fit=1162%2C688&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Upload-Product-Image-Placeholder-In-Magento-2.png?fit=1162%2C688&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Upload-Product-Image-Placeholder-In-Magento-2.png?fit=1162%2C688&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Upload-Product-Image-Placeholder-In-Magento-2.png?fit=1162%2C688&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3421,"url":"https:\/\/www.magetop.com\/blog\/change-welcome-message\/","url_meta":{"origin":5533,"position":4},"title":"How To Change Welcome Message In Magento 2","author":"Aaron LX","date":"November 26, 2020","format":false,"excerpt":"When you visit Magento 2 store, you will see a default welcome message displayed on the right side of the header with the text: \"Default welcome msg!\". Do you know? You can change them according to your own ideas. In How To Change Welcome Message In Magento 2, we will\u2026","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Change Welcome Message In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Welcome-Message-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Welcome-Message-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Welcome-Message-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/How-To-Change-Welcome-Message-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5531,"url":"https:\/\/www.magetop.com\/blog\/export-customers-in-magento-2\/","url_meta":{"origin":5533,"position":5},"title":"How To Export Customers In Magento 2","author":"Aaron LX","date":"June 8, 2021","format":false,"excerpt":"In this post, I will guide you on\u00a0How To Export Customers In Magento 2. Manually manage customer data via CSV file provided from Magento store.","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Export Customers In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Export-Customers-In-Magento-2.png?fit=734%2C435&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Export-Customers-In-Magento-2.png?fit=734%2C435&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Export-Customers-In-Magento-2.png?fit=734%2C435&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/06\/How-To-Export-Customers-In-Magento-2.png?fit=734%2C435&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=5533"}],"version-history":[{"count":6,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5533\/revisions"}],"predecessor-version":[{"id":9654,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5533\/revisions\/9654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/5734"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=5533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=5533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=5533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}