{"id":2132,"date":"2022-05-16T22:07:35","date_gmt":"2022-05-17T02:07:35","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=2132"},"modified":"2022-05-16T22:07:35","modified_gmt":"2022-05-17T02:07:35","slug":"how-to-crop-images-in-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/","title":{"rendered":"How To Crop Images In WordPress?"},"content":{"rendered":"<p>Are you struggling with <strong>how to crop images in WordPress?<\/strong> Unoptimized images are undoubtedly the most frustrating challenge for WordPress users, however, cropped and resized images can help.<\/p>\n<p>WordPress offers a built-in feature to crop images in <strong>classic and Gutenberg<\/strong> editors which I am going to discuss in this article. Post\u2014cropping an image helps your <a href=\"https:\/\/basicwebguide.com\/how-to-make-images-load-faster-on-website\/\">site load faster<\/a> along with saving the space on the server. Let&#8217;s discuss how to crop images in WordPress.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#Why_Crop_Images_In_WordPress\" title=\"Why Crop Images In WordPress?\">Why Crop Images In WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#How_To_Crop_Images_In_WordPress_Classic_Editor\" title=\"How To Crop Images In WordPress Classic Editor?\">How To Crop Images In WordPress Classic Editor?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#Step_1_Select_An_Image\" title=\"Step 1. Select An Image\">Step 1. Select An Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#Step_2_Add_Images_To_WordPress\" title=\"Step 2. Add Images To WordPress\">Step 2. Add Images To WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#Step_3_Crop_Images_In_WordPress\" title=\"Step 3. Crop Images In WordPress\">Step 3. Crop Images In WordPress<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#How_To_Crop_Images_In_WordPress_In_Block_Editor_Gutenberg\" title=\"How To Crop Images In WordPress In Block Editor (Gutenberg)?\">How To Crop Images In WordPress In Block Editor (Gutenberg)?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#How_To_Crop_Images_In_WordPress_Using_Plugin\" title=\"How To Crop Images In WordPress Using Plugin?\">How To Crop Images In WordPress Using Plugin?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/basicwebguide.com\/how-to-crop-images-in-wordpress\/#Final_Thoughts\" title=\"Final Thoughts\">Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Why_Crop_Images_In_WordPress\"><\/span><strong>Why Crop Images In WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2135 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/resize_and_optimization.jpg\" alt=\"how to crop images in WordPress\" width=\"600\" height=\"305\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/resize_and_optimization.jpg 600w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/resize_and_optimization-300x153.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/resize_and_optimization-20x10.jpg 20w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Images are comprised 65+% of the total website space and to maintain this huge data, it is must to optimize images. Eventually, the website will obviously slow down owing to the <strong>heavy strain on the server<\/strong>, which decreases the performance of the website.<\/p>\n<p>If you are working with <strong>high-resolution stock photos<\/strong> or images from the camera, your images are likely to be quite large. It is advisable to resize and crop photos with the <strong>same dimension<\/strong> depending on your content area to make them load faster.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Crop_Images_In_WordPress_Classic_Editor\"><\/span><strong>How To Crop Images In WordPress Classic Editor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Images can be cropped directly from the WordPress media section when you insert images. It means you don&#8217;t require any external software to insert and edit images. Read the comprehensive guide on <a href=\"https:\/\/basicwebguide.com\/how-to-insert-image-in-wordpress\/\">how to insert images in WordPress.<\/a><\/p>\n<p>In this guide, we will follow the step-by-step guide to edit, resize, and crop the images before inserting them into the post.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Select_An_Image\"><\/span><strong>Step 1. Select An Image<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The very <strong>first step<\/strong> to crop images in WordPress is to select an appropriate image for your WordPress post. This is the easiest process but attention is to be given to the <strong>copyrighted content<\/strong>. Ensure that you have selected only <strong>copyright-free<\/strong> images.<\/p>\n<p>For this, you can either use <strong>creative commons<\/strong> photos or use the websites that provide royalty-free images like <a href=\"https:\/\/www.pexels.com\/\" target=\"_blank\" rel=\"noopener\">Pexels<\/a>, <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a>, <a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" rel=\"noopener\">Pixabay<\/a>, etc.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Add_Images_To_WordPress\"><\/span><strong>Step 2. Add Images To WordPress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once a suitable image is selected, the <strong>second step<\/strong> is to add this image to the website post. Following are the quick steps to add an image to the post:<\/p>\n<ul>\n<li>Open the post in your WordPress editor.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2139\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428.jpg\" alt=\"how to crop images in WordPress\" width=\"850\" height=\"210\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428.jpg 850w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-300x74.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-768x190.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-20x5.jpg 20w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<ul>\n<li>Just above the toolbar, click on the<strong> Add Media<\/strong> button.<\/li>\n<li>Now, you have two options; either select the image from the <strong>media library<\/strong> or click on the <strong>upload files.<\/strong><\/li>\n<li>In this way, you can add images to WordPress. But before inserting it into the post, follow the next step to crop it.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Crop_Images_In_WordPress\"><\/span><strong>Step 3. Crop Images In WordPress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once you uploaded an image to WordPress, now you can edit the image.<\/p>\n<ul>\n<li>On the right side, you can see image characteristics and a tiny <strong>edit image<\/strong> button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2140\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175131.jpg\" alt=\"crop image in wordpress\" width=\"505\" height=\"430\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175131.jpg 505w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175131-300x255.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175131-20x17.jpg 20w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><\/p>\n<ul>\n<li>When you click on this, you will lead to the new screen.<\/li>\n<li>At the top-left side of the page, click on the <strong>crop<\/strong> button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2141\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175956.jpg\" alt=\"how to crop images in WordPress\" width=\"969\" height=\"496\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175956.jpg 969w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175956-300x154.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175956-768x393.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-175956-20x10.jpg 20w\" sizes=\"(max-width: 969px) 100vw, 969px\" \/><\/p>\n<ul>\n<li>After clicking on the crop button, hover the mouse over the image.<\/li>\n<li>Move the mouse and <strong>drag the cursor<\/strong> to the required area of the image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2142\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-180610.jpg\" alt=\"How to crop images in wordpress\" width=\"654\" height=\"334\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-180610.jpg 654w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-180610-300x153.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-180610-20x10.jpg 20w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/p>\n<ul>\n<li>When you drag the cursor, there will be a <strong>dotted line<\/strong> around the previous image.<\/li>\n<li>Finally, click on the <strong>crop<\/strong> button again and save the image by clicking on the <strong>Save<\/strong> button.<\/li>\n<li>You can also adjust the <strong>aspect ratio<\/strong> inside the image crop option.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2145\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-200239.jpg\" alt=\"how to crop images in wordpress\" width=\"399\" height=\"238\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-200239.jpg 399w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-200239-300x179.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-200239-20x12.jpg 20w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<ul>\n<li>The breadth of an image in proportion to its height is referred to as its aspect ratio.<\/li>\n<li>As per the selection of aspect ratio, the image will automatically get cropped.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Crop_Images_In_WordPress_In_Block_Editor_Gutenberg\"><\/span><strong>How To Crop Images In WordPress In Block Editor (Gutenberg)?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Gutenberg offers a straightforward button to edit and crop the image in WordPress but it is not as advanced as the <strong>classic editor<\/strong>. While in classic, you can move and drag over the image to crop it, Gutenberg allows to crop using <strong>aspect ratio only<\/strong>. Let&#8217;s see how to crop images in block editor.<\/p>\n<ul>\n<li>Open any post (or required one) to crop the image.<\/li>\n<li>You can add an image by simply clicking over the <strong>plus \u2795 icon<\/strong>, selecting the image, and uploading the image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2146\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-203843.jpg\" alt=\"Crop Images In WordPress In Gutenberg\" width=\"843\" height=\"376\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-203843.jpg 843w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-203843-300x134.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-203843-768x343.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-203843-20x9.jpg 20w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/p>\n<ul>\n<li>Once the image is added to the post, click over the image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2147\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-204316.jpg\" alt=\"How To Crop Images In WordPress In Gutenberg Editor\" width=\"868\" height=\"307\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-204316.jpg 868w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-204316-300x106.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-204316-768x272.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-204316-20x7.jpg 20w\" sizes=\"(max-width: 868px) 100vw, 868px\" \/><\/p>\n<ul>\n<li>You can see the <strong>crop icon<\/strong> along with various options on the toolbar.<\/li>\n<li>When you click over the <strong>crop option<\/strong>, further options appear on the screen toolbar.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2148\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-205301.jpg\" alt=\"how to crop images in WordPress\" width=\"702\" height=\"228\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-205301.jpg 702w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-205301-300x97.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-205301-20x6.jpg 20w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><\/p>\n<ul>\n<li>As I stated, you can only crop images in Gutenberg editor using <strong>aspect ratio<\/strong>, so select the aspect ratio icon.<\/li>\n<li>To assist yourself while cropping, you can also zoom the image before editing.<\/li>\n<li>After clicking on the aspect ratio, select the <strong>original or square<\/strong> option.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2149\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-212419.jpg\" alt=\"How To Crop Images In WordPress\" width=\"943\" height=\"691\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-212419.jpg 943w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-212419-300x220.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-212419-768x563.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-212419-20x15.jpg 20w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/p>\n<ul>\n<li>Also, you can select various aspect ratios from the <strong>landscape and portrait<\/strong> mode as per the requirement of your post or content area.<\/li>\n<li>This is how you can crop images in WordPress.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Crop_Images_In_WordPress_Using_Plugin\"><\/span><strong>How To Crop Images In WordPress Using Plugin?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>However, WordPress inbuilt tool is <strong>sufficient enough<\/strong> to crop an image but if you are looking for <strong>advanced tools<\/strong> then you can use external tools. Instead of that, I would recommend using a WordPress plugin to crop images like <a href=\"https:\/\/wordpress.org\/plugins\/image-regenerate-select-crop\/\" target=\"_blank\" rel=\"noopener\">Image Regenerate &amp; Select Crop.<\/a><\/p>\n<p>The plugin lets you <strong>adjust picture<\/strong> innovative parameters, override the native medium and large crop options, and <strong>generate new customized<\/strong> file sizes.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2151\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-223029.jpg\" alt=\"crop image in wordpress\" width=\"661\" height=\"372\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-223029.jpg 661w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-223029-300x169.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-223029-20x11.jpg 20w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/p>\n<p>You will be capable of <strong>re-crop an image<\/strong> in one click using a particular piece of the original image for image sizes that are croppable till the very last limit. It is not just a cropping plugin but you can also generate images of different sizes and <strong>predefined the image sizes<\/strong> for upcoming posts.<\/p>\n<p>You just have to install and activate the plugin and then <strong>drop the image file<\/strong> in the tool. Here you get the two options; Regenerate image and crop image. Select the <strong>crop image<\/strong> option and input your required size, dimensions, and pixels. Once all parameters are selected, hit the crop image button. That&#8217;s it.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span><strong>Final Thoughts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is the easiest guide on <strong>how to crop images in WordPress<\/strong> that any novice can perform. As you have learned, you can edit and crop any images using an inbuilt feature of WordPress itself without any external tools.<\/p>\n<p>However, using an inbuilt feature, you can only crop an image at the basic level. For advanced editing and cropping, we have discussed a plugin to crop an image. If followed properly, you can easily crop images in <strong>block editor and classic editor<\/strong> as well. I hope this tutorial will help you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you struggling with how to crop images in WordPress? Unoptimized images are undoubtedly the most frustrating challenge for WordPress users, however, cropped and resized images can help. WordPress offers a built-in feature to crop images in classic and Gutenberg editors which I am going to discuss in this article. Post\u2014cropping an image helps your [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2154,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[2560,2563,2561,2574,2572,2569,2571,2559,2570,2558,2568,2573,2562,2564,2565,2566,2567],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2132"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=2132"}],"version-history":[{"count":10,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2132\/revisions"}],"predecessor-version":[{"id":2155,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2132\/revisions\/2155"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/2154"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=2132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=2132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=2132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}