{"id":3816,"date":"2018-03-16T19:17:23","date_gmt":"2018-03-16T19:17:23","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=3816"},"modified":"2020-05-04T09:50:44","modified_gmt":"2020-05-04T16:50:44","slug":"cropping-images","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/cropping-images\/","title":{"rendered":"Cropping Images"},"content":{"rendered":"<h1>Cropping images<\/h1>\n<p>When an image is added to the Media Library, you can choose how the image should be cropped based on size or dimensions. The\u00a0<strong>Crop Featured Image<\/strong> tool allows you to crop the image for each option. You might want a different part of the image to be centered if it&#8217;s in portrait or landscape mode. You only need to adjust the crop for you image once, but you can change the crop for each instance.<\/p>\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/video-cropping-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">Watch the Cropping images video<\/a><\/p>\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/video-media-library\/\">Watch the Media Library video<\/a><\/p>\n\n\n<!-- shortcode-tab -->\n<div class='shortcode-tab-container tab-count-3'>\n    <ul class='tabs'>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"How to crop new images_1\">\n                <div class=\"shortcode-tab-header selected\">\n                    <h4>\n                        How to crop new images <span class=\"screen-reader-text\">Tab Open<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"How to crop placed images_2\">\n                <div class=\"shortcode-tab-header \">\n                    <h4>\n                        How to crop placed images <span class=\"screen-reader-text\">Tab Closed<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"Troubleshooting images_3\">\n                <div class=\"shortcode-tab-header \">\n                    <h4>\n                        Troubleshooting images <span class=\"screen-reader-text\">Tab Closed<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n            <\/ul>\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion \" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"How to crop new images_1\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>How to crop new images <span class=\"screen-reader-text\">Accordion Open<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<ol>\n<li>Add media and select desired image.<\/li>\n<li>Select <strong>Crop Featured Image<\/strong>.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4371 size-landscape-image\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image-464x348.jpg\" alt=\"Media library and crop featured image button\" width=\"464\" height=\"348\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image-464x348.jpg 464w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image-232x174.jpg 232w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/li>\n<li>Choose an image.<\/li>\n<li>Drag the cropping tool on the right-hand side to the desired portion of the image.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-tall-banner-image-sm wp-image-4385\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image2-465x186.jpg\" alt=\"\" width=\"465\" height=\"186\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image2-465x186.jpg 465w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image2-960x384.jpg 960w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/crop-featured-image2-1440x576.jpg 1440w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><\/li>\n<li>Select <strong>Save Crop<\/strong>. Repeat for other image dimensions, if needed.<\/li>\n<\/ol>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"How to crop placed images_2\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>How to crop placed images <span class=\"screen-reader-text\">Accordion Closed<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<ol>\n<li>Select desired image.<\/li>\n<li>Select the pencil icon to edit.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-landscape-image-sm wp-image-4378\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-window-232x174.jpg\" alt=\"\" width=\"232\" height=\"174\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-window-232x174.jpg 232w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-window-464x348.jpg 464w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/><\/li>\n<li>Select <strong>Replace<\/strong> under the image thumbnail.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4383 size-tall-banner-image-sm\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-replace-button-465x186.jpg\" alt=\"\" width=\"465\" height=\"186\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-replace-button-465x186.jpg 465w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-replace-button-960x384.jpg 960w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/edit-image-replace-button-1440x576.jpg 1440w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><\/li>\n<li>Select <strong>Crop Featured Image<\/strong>.<\/li>\n<li>Choose an image.<\/li>\n<li>Drag the cropping tool on the right-hand side to the desired portion of the image.<\/li>\n<li>Select <strong>Save Crop<\/strong>. Repeat for other image dimensions, if needed.<\/li>\n<\/ol>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"Troubleshooting images_3\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>Troubleshooting images <span class=\"screen-reader-text\">Accordion Closed<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<p>If the image doesn&rsquo;t immediately reflect the cropped settings, clear your browser&rsquo;s cache.<\/p>\n<p>For most browsers, you can clear your cache from the Settings or Options area. Most browsers have a Privacy or History section that contains the cache clearing option.<\/p>\n<p>By default, the cropping tool automatically selects all images with the same dimensions, but you can individually select and deselect them. Uncheck the &ldquo;Crop all images with same ratio at once&rdquo; checkbox.<\/p>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n    <\/div>\n\n<!-- shortcode-right-column -->\n<div class=\"shortcode-right-column\" >\n    <div class=\"shortcode-right-column__container\">\n<!-- shortcode-block -->\n<div class=\"shortcode-block\">\n      <div class=\"block-header\">\n        <h3>Academic unit site support<\/h3>\n    <\/div>\n          <div class=\"block-body\">\n      <div>\n<i class=\"fas fa-pen\"><\/i> <a href=\"https:\/\/nau.edu\/marketing\/resources\/request-support\/?landing=Digital%20support%20request%20%E2%80%93%20website%20edits%20and%20reporting\">Digital Marketing Support<\/a><\/p>\n<p><i class=\"fas fa-phone\"><\/i> <a href=\"tel:9285231741\">928-523-1741<\/a><\/p>\n<\/div>\n          <\/div>\n  <\/div>\n\n<!-- shortcode-block -->\n<div class=\"shortcode-block\">\n      <div class=\"block-header\">\n        <h3>Business unit site support<\/h3>\n    <\/div>\n          <div class=\"block-body\">\n      <div>\n<i class=\"fas fa-envelope\"><\/i> <a href=\"https:\/\/nau.edu\/servicenow\">ServiceNow<\/a><\/p>\n<p><i class=\"fas fa-phone\"><\/i> <a href=\"tel:9285231511\">928-523-1511<\/a><\/p>\n<\/div>\n          <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Cropping images When an image is added to the Media Library, you can choose how the image should be cropped based on size or dimensions. The\u00a0Crop Featured Image tool allows you to crop the image for each option. You might want a different part of the image to be centered if it&#8217;s in portrait or [&hellip;]<\/p>\n","protected":false},"author":51,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","ring_central_script_selection":"","footnotes":""},"class_list":["post-3816","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/comments?post=3816"}],"version-history":[{"count":4,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3816\/revisions"}],"predecessor-version":[{"id":7538,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3816\/revisions\/7538"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=3816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}