{"id":15101,"date":"2020-10-29T15:00:15","date_gmt":"2020-10-29T14:00:15","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=15101"},"modified":"2020-10-28T14:36:34","modified_gmt":"2020-10-28T13:36:34","slug":"edit-crop-flip-scale-rotate-wordpress-images","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/edit-crop-flip-scale-rotate-wordpress-images\/","title":{"rendered":"How to Edit (Crop, Flip, Scale, and Rotate) WordPress Images"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Image editing doesn\u2019t always require the use of Photoshop or other photo editing software. Some basic editing actions can be performed from the WordPress dashboard itself. While you won\u2019t be able to, say, increase the image resolution<\/a> from the platform, you can still make some alterations on the fly, including cropping, flipping, scaling, and rotating your photos.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In this step-by-step tutorial, we\u2019ll show you how to edit WordPress images using the platform so you can save yourself some time and bypass external tools. We\u2019ll also discuss how to restore the original image file, just in case you\u2019re not happy with how things turn out once all the editing is done.
\n[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Edit WordPress Images<\/h2>\n

[\/vc_column_text][vc_column_text]To start editing WordPress images, you must first upload them to your WordPress website (if the photo is already added, you can skip this first step). To do that, click on Media > Add New<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Now, go to Media > Library.<\/strong><\/em>[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Find the image you just uploaded and click on it. This will open a popup window with the preview of the image and image details in it, such as its name, size, file type, and dimensions.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To start editing the file, click on Edit Image<\/strong><\/em> below the preview or Edit More Details<\/strong><\/em> in the bottom right corner of the screen.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]In the upper left corner of the newly opened overlay screen, you can see four primary actions, including cropping, rotating, and flipping images<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”82px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Crop a WordPress Image<\/h3>\n

[\/vc_column_text][vc_column_text]Before you upload an image to your website, you may be required to crop it to a specific size. To do that, click the Crop<\/strong> <\/em>button and drag the handles to select the area you wish to crop. Then, press the Crop<\/em> button once more to finish cropping the image. Lastly, save your changes.[\/vc_column_text][vc_empty_space height=”72px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Rotate a WordPress Image<\/h3>\n

[\/vc_column_text][vc_column_text]Use Rotate Left<\/strong><\/em> and Rotate Right<\/strong><\/em> buttons to rotate your images by 90 degrees clockwise or counterclockwise.[\/vc_column_text][vc_empty_space height=”72px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Flip a WordPress Image<\/h3>\n

[\/vc_column_text][vc_column_text]If you\u2019d like to flip a photo either vertically or horizontally, use the Flip Vertical<\/strong><\/em> and Flip Horizontal<\/strong><\/em> options.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]And that\u2019s it as far as the left-hand side of the screen goes. Let\u2019s take a look at the right one now to discover some more cool options, such as image scaling, aspect ratio, and thumbnail settings.<\/strong>[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”82px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Scaling a WordPress Image<\/h3>\n

[\/vc_column_text][vc_column_text]WordPress allows you to scale i.e. resize your image, but only to make it smaller<\/strong>. As we mentioned earlier, you cannot increase its resolution using this platform<\/strong>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To change the dimensions of your file, enter the desired dimensions in designated fields, and hit the Scale<\/strong> <\/em>button once you\u2019re done. By the way, if you plan on cropping your image, make sure to scale it first, or else you\u2019ll lose the original proportions of the image.[\/vc_column_text][vc_empty_space height=”72px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Set an Aspect Ratio of a WordPress Image<\/h3>\n

[\/vc_column_text][vc_column_text]The aspect ratio of an image is the ratio between its width and its height. Use the Aspect Ratio<\/strong><\/em> option in WordPress to set a specific aspect ratio for your picture. Again, you should do it before cropping the file, to ensure the proportions you\u2019ve set are preserved.[\/vc_column_text][vc_empty_space height=”72px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Thumbnail Settings<\/h3>\n

[\/vc_column_text][vc_column_text]Using the thumbnail setting, you can select if the changes will be applied to all image sizes, just the thumbnail, or to all image sizes save for the thumbnail.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Of course, every time you make an edit, don\u2019t forget to save your modifications. If, at any point, you want to cancel an action you made, click the Undo<\/strong> <\/em>button placed below the image file.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Restore the Original Image File<\/h2>\n

[\/vc_column_text][vc_column_text]In case you\u2019ve already saved all the changes but come to look at the file again, you\u2019re not happy with the end result, there\u2019s a way to go back to how things were before all the edits. In the media library, find the image again and click on Edit<\/em>. This time around, you\u2019ll notice another option on the right side \u2013 Restore Original Image<\/strong><\/em>. By clicking the Restore Image<\/strong><\/em> button, you\u2019ll annul all the modifications you\u2019ve made previously.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Media <\/div>\n<\/div>[vc_empty_space height=”78px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Final Words<\/h2>\n

[\/vc_column_text][vc_column_text]The WordPress\u2019 image editor is certainly not as powerful as external photo software tools, but it still allows you to perform basic actions and photo modifications from the dashboard. With just a few clicks of your mouse and without ever having to leave the platform, you can edit WordPress images and crop, flip, scale, and rotate them exactly according to your requirements.
\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Did you know you can edit WordPress images using the platform\u2019s editor? Follow our tutorial, and learn how to crop, flip, scale, and rotate your photos<\/p>\n","protected":false},"author":4,"featured_media":15118,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[4,39,13],"class_list":["post-15101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-tips","tag-tools","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/15101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=15101"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/15101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/15118"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=15101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=15101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=15101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}