{"id":333,"date":"2020-07-05T19:53:18","date_gmt":"2020-07-05T19:53:18","guid":{"rendered":"https:\/\/codexjunction.com\/?p=333"},"modified":"2023-10-23T12:04:26","modified_gmt":"2023-10-23T12:04:26","slug":"crop-thumbnail-images-wordpress","status":"publish","type":"post","link":"https:\/\/codexjunction.com\/crop-thumbnail-images-wordpress\/","title":{"rendered":"Crop Thumbnail Images in WordPress"},"content":{"rendered":"

There are two ways to crop thumbnail images in WordPress:<\/p>\n

    \n
  1. Using the built-in image editor<\/strong><\/li>\n<\/ol>\n

    This is the simplest way to crop thumbnail images, but it doesn’t offer a lot of flexibility. To crop a thumbnail image using the built-in image editor:<\/p>\n

      \n
    1. \n

      Go to the Media Library<\/strong>.<\/p>\n<\/li>\n

    2. \n

      Click on the thumbnail image that you want to crop.<\/p>\n<\/li>\n

    3. \n

      Click on the Edit Image<\/strong> button.<\/p>\n<\/li>\n

    4. \n

      Click on the Crop<\/strong> tool.<\/p>\n<\/li>\n

    5. \n

      Drag the crop handles to select the area of the image that you want to keep.<\/p>\n<\/li>\n

    6. \n

      Click on the Crop<\/strong> button to save your changes.<\/p>\n<\/li>\n

    7. \n

      Using a plugin<\/strong><\/p>\n<\/li>\n<\/ol>\n

      There are a number of plugins available that offer more flexibility when cropping thumbnail images. One popular plugin is called Image Regenerate & Select Crop<\/strong>. To use this plugin:<\/p>\n

        \n
      1. Install and activate the\u00a0Image Regenerate & Select Crop<\/strong>\u00a0plugin.<\/li>\n
      2. Go to the\u00a0Media Library<\/strong>.<\/li>\n
      3. Click on the thumbnail image that you want to crop.<\/li>\n
      4. Click on the\u00a0More Edit Details<\/strong>\u00a0link.<\/li>\n
      5. Click on the\u00a0Image Regenerate & Select Crop<\/strong>\u00a0tab.<\/li>\n
      6. Click on the\u00a0Regenerate<\/strong>\u00a0button.<\/li>\n
      7. In the\u00a0Regenerate Thumbnails<\/strong>\u00a0dialog box, select the\u00a0Crop<\/strong>\u00a0option and then click on the\u00a0Regenerate<\/strong>\u00a0button.<\/li>\n<\/ol>\n

        Once you have cropped your thumbnail images, you may need to regenerate your thumbnails. To do this, go to Settings<\/strong> > Media<\/strong> and then click on the Regenerate Thumbnails<\/strong> button.<\/p>\n

        Tips for cropping thumbnail images<\/strong><\/p>\n

          \n
        • Consider the aspect ratio of your theme. For example, if your theme uses a square thumbnail image, you should crop your image to a square aspect ratio.<\/li>\n
        • Crop your image to focus on the most important part of the image.<\/li>\n
        • Avoid cropping too much of the image, as this can lead to pixelation.<\/li>\n
        • If you are not sure how to crop your image, you can use a plugin like\u00a0Image Regenerate & Select Crop<\/strong>\u00a0to help you.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

          There are two ways to crop thumbnail images in WordPress: Using the built-in image editor This is the simplest way to crop thumbnail images, but it doesn’t offer a lot of flexibility. To crop a thumbnail image using the built-in image editor: Go to the Media Library. Click on the thumbnail image that you want to crop. Click on the Edit Image button. Click on the Crop tool. Drag the crop handles to select the area of the image that you want to keep. Click on the Crop button to save your changes. Using a plugin There are a number […]<\/p>\n","protected":false},"author":1,"featured_media":874,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51],"tags":[512,508,510,511,509],"class_list":["post-333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-a-online-course-web-tutorial","tag-learn-java-online","tag-learn-laravel-online","tag-learn-php-online","tag-learn-python-online"],"_links":{"self":[{"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":2,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":2485,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/posts\/333\/revisions\/2485"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/media\/874"}],"wp:attachment":[{"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codexjunction.com\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}