Quite often when we create a post we have a photo we would like to use with it. The problem is when we put that image into the Post it doesn’t fit right. In the past we may pull the image and try to edit it in PhotoShop or Paint or whatever software we may have on our computer system, but did you know that you can edit your images right in WordPress?
Make sure you have loaded your desired Image into the Media Library
Find Image in the Media Library and Click on the desired photo
Click Edit Image under photo
Once you get to the Edit Image Screen you have a number of Options. You can Scale or Resize the image, Crop or Rotate it, or set the size and focus of the Thumbnail. Make sure you Update Media after each Edit.
It is Best to Adjust the Scale of the Image before doing any cropping, rotating, etc
You can then resize the photos to desired size (check for recommended sizes for your specific theme)
You can proportionally scale the original image. For best results the scaling should be done before performing any other operations on it like crop, rotate, etc. Note that if you make the image larger it may become fuzzy.
Example’s Original dimensions 1280×960
Crop the photos to focus on what you want visitors to see
Images can be cropped as you choose
The image can be cropped by clicking on it and dragging to select the desired part. While dragging the dimensions of the selection are displayed below.
Keyboard Shortcuts
- Arrow: move by 10px
- Shift + arrow: move by 1px
- Ctrl + arrow: resize by 10px
- Ctrl + Shift + arrow: resize by 1px
- Shift + drag: lock aspect ratio
Crop Aspect Ratio
You can specify the crop selection aspect ratio then hold down the Shift key while dragging to lock it. The values can be 1:1 (square), 4:3, 16:9, etc. If there is a selection, specifying aspect ratio will set it immediately.
Crop Selection
Once started, the selection can be adjusted by entering new values (in pixels). Note that these values are scaled to approximately match the original image dimensions. The minimum selection size equals the thumbnail size as set in the Media settings.
Thumbnails sizes for original Images can be cropped and set as desired
Thumbnail Settings
The thumbnail image can be cropped differently. For example, it can be square or contain only a portion of the original image to showcase it better. Here you can select whether to apply changes to all image sizes or make the thumbnail different.
Make sure you save all changes you will want to keep as you work by clicking on the “Update Media” button.
Now you are ready to add your optimized image into your post.
Related posts: