LJ Computers Ltd

IT Support and Website Design in Pembrokeshire

  • E-mail
  • Facebook
  • Google+
  • LinkedIn
  • Pinterest
  • RSS
  • Twitter
  • Hardware & Software
  • Support & Training
  • Websites
  • FAQs
  • Tips & Tricks
    • Apple
      • iPad & Apps
      • iPhone
    • CMS
      • WordPress.org
    • Microsoft Office
      • Excel
      • Outlook
      • Word
    • Miscellaneous
      • Browser
      • Email
      • Kindle
      • Skype
    • Social Media
      • Facebook
      • Google+
      • Twitter
    • Windows
Home » Tips & Tricks » CMS » Crop an Image

Crop an Image

March 11, 2015 Lins Heydon

Select Image

Go to Media > Library and select the image to edit.

Media Library

Click the Edit Image button located below the image.

Edit Image

OR

When in a post\page click on the Add Media button, select the image to edit. Click the Edit Image link on the right.

Insert Media - Edit Image

Crop Image

Click and drag to outline the crop area.
Crop Image

Adjusting area selected…
Once you have released your mouse if you want to make minor adjustments move your mouse cursor over one of the eight square resizing handles (a double headed arrow will appear) and click and drag to suit. You can also move the entire crop area selected by moving your mouse towards the centre and clicking and dragging when your mouse turns into a four headed arrow.

If you’d like your image cropped to a specific ratio, enter the values in the Aspect ratio input fields (e.g. 1:1 (square), 4:3, 16:9 etc.). You can then hold down the Shift key and drag to outline the crop area, keeping this aspect ratio locked. If there is already a selection made, specifying the aspect ratio will automatically change the selection to match it. Whenever the selection box is adjusted, the dimensions are displayed in the Selection input fields. You can also manually enter the dimensions of the selection box (in pixels) by entering values into these two fields.

Once satisfied click the Crop button (Crop Button top left) to adjust the image to its new size. Click the Save button to finalise your changes and close the Attachment Details window down (Media Library) or Insert into post (Add Media).

Any inserts into your post\page will display the cropped image as below.

Goodwick

Note: by default you will be adjusting ALL your image sizes.

Restore Original Image

To revert back to the original image after it has been edited and changes saved, locate on the right hand side in the edit dialog box the text RESTORE ORIGINAL IMAGE. Click to expand and select the button Restore Image.  Any other edited copies of the original will not be removed and will therefore remain intact in any posts\pages you’ve used the cropped versions.

Restore Original Image

CMS, Tips & Tricks, WordPress.org

Chat

Click the Chat button to get in touch with us now. Chat Icon

Our Details

Registered Office:
Booth House
Llysyfran
Pembrokeshire, SA63 4RS

01437 532 813
Email LJC

Policies & Info

  • FAQs
  • Privacy Policy
  • Terms & Conditions
  • Website Terms & Conditions
  • Contact Us
  • Cookie Policy

Latest WordPress Tip

Automatic background updates were introduced in WordPress 3.7. An email notification is sent (subject line below) following the success or failure of the update. Subject: [Your … [Read More...]

More Posts from this Category

© Copyright 2013-2019 · All Rights Reserved · Developed by LJC · Powered by WordPress

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.Accept Reject Read More