{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"how-to-change-image-size","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/ja\/docs\/how-to-change-image-size\/","title":{"rendered":"Change Image Size"},"content":{"rendered":"

Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site.<\/p>\n\n\n\n

But these default sizes may not meet your personal needs. So when curating page design and blog post content, you may want to resize images to reflect your desired layout.<\/p>\n\n\n\n

Let\u2019s explore several methods of how to change image size in WordPress in this article.<\/p>\n\n\n\n

Method One: How to Change Image Size Using the Gutenberg Editor<\/h2>\n\n\n\n

While creating post and page content using the Gutenberg editor, you can customize the image size. Here\u2019s how to:<\/p>\n\n\n\n

Step 01: Select the Image<\/h3>\n\n\n\n

Select the image on the editor you want to resize. <\/p>\n\n\n\n

\u306b\u884c\u304f\u3002 \u8a2d\u5b9a\u30bf\u30d6<\/strong> of the image block on the right sidebar. You\u2019ll see the \u5e45<\/strong> \u305d\u3057\u3066 Height boxes<\/strong> under the tab.<\/p>\n\n\n\n

\"Change<\/figure>\n\n\n\n

Step 02: Place Values to Resize the Image<\/h3>\n\n\n\n

Place your desired values<\/strong> in the \u5e45<\/strong> \u305d\u3057\u3066 Height boxes<\/strong>. You\u2019ll see the image size is changing accordingly.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Update<\/strong> the post\/page to save the changes.<\/p>\n\n\n\n

Method Two: How to Change Image Size From the Media Library<\/h2>\n\n\n\n

All the media files you upload in WordPress are stored in the media library. You resize images individually from there as well.<\/p>\n\n\n\n

Step 01: Go to WordPress Media Library<\/h3>\n\n\n\n

\u306b\u884c\u304f\u3002 Media Library<\/strong> and choose the image you want to resize.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

The selected image will be opened with a new window. Click the Edit Image button<\/strong>.<\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n

Step 02: Crop the Image<\/h3>\n\n\n\n

\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 Crop button<\/strong>. You can manually select the area on the image to be cropped. Hit the Apply Crop button<\/strong> finally.<\/p>\n\n\n\n

\"Crop<\/figure>\n\n\n\n

Save the changes<\/strong> at the end.<\/p>\n\n\n\n

Method Three: Set Media Settings for Different Image Sizes<\/h2>\n\n\n\n

Once you set your preferred image sizes, any image you upload to WordPress will automatically be optimized to those sizes. You no longer have to resize them individually.<\/p>\n\n\n\n

Step 01: Go to Media Settings<\/h3>\n\n\n\n

\u3053\u3061\u3089\u3078 \u8a2d\u5b9a > \u30e1\u30c7\u30a3\u30a2<\/strong> from your WordPress dashboard.<\/p>\n\n\n\n

\"Go<\/figure>\n\n\n\n

Place your desired values based on the image type on their respective width and height boxes. Hit the Save Changes<\/strong> button at the end.<\/p>\n\n\n\n

\"Set<\/figure>\n\n\n\n

Thus, you can change image sizes in various ways on your WordPress website.<\/p>\n\n\n\n

\u7d50\u8ad6<\/h2>\n\n\n\n

Being able to change the image size is an important skill for any WordPress user. Whether you are a web designer or content creator, you must know this to improve your design and content creation quality.<\/p>\n\n\n\n

But remember to compress all the images and set an aspect ratio before uploading images. It will help preserve the visual integrity of your images while keeping your site fast and lightweight.<\/p>","protected":false},"excerpt":{"rendered":"

Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you may want to resize images to reflect your desired layout. Let’s explore several methods of how to change image size in WordPress in this article. Method One: How to Change Image Size Using the Gutenberg Editor While creating post and page content using the Gutenberg editor, you can customize the image size. Here’s how to: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"\u30a4\u30b9\u30c6\u30a3\u30a2\u30af\u30fb\u30ec\u30a4\u30cf\u30f3","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/ja\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality & Controls","term_url":"https:\/\/tableberg.com\/ja\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/ja\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/ja\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}