{"id":176,"date":"2017-04-25T12:52:38","date_gmt":"2017-04-25T16:52:38","guid":{"rendered":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?page_id=176"},"modified":"2025-06-24T09:26:06","modified_gmt":"2025-06-24T13:26:06","slug":"images","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/","title":{"rendered":"Images"},"content":{"rendered":"<h2>Upload an Image to a Page<\/h2>\n<ol>\n<li>Click on the title\/tab of the page you want to edit.<\/li>\n<li>Click the Edit icon (pencil) at the top right of the page to enter editing mode.<\/li>\n<li>Click and hold down the<strong> red plus button <\/strong>to drag a new content block to your page.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1277\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-9.58.49\u202fAM.png\" alt=\"\" width=\"131\" height=\"269\" \/><\/li>\n<li>Click<strong> Image.<\/strong><\/li>\n<li>Click on the checkbox to the left of the file agreement statement. This is the file upload agreement and needs to be checked in order for the &#8216;Choose Files&#8217; button to be clickable.<em><strong><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1324\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-240x130.png\" alt=\"\" width=\"336\" height=\"182\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-240x130.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-400x217.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-160x87.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-360x196.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement.png 416w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/strong><\/em><\/li>\n<\/ol>\n<p style=\"padding-left: 30px;\">7. Click &#8216;<strong>Choose files&#8217; <\/strong>to upload an image from your computer.<\/p>\n<p style=\"padding-left: 30px;\">8. Browse your computer for the file you would like to upload. Click <strong>Open<\/strong>.<br \/>\n<em><strong><br \/>\nNote.<\/strong> If you would like to create an image gallery, upload multiple images and then under Multi-image presentation, select Slideshow or Thumbnails.\u00a0<\/em><\/p>\n<p style=\"padding-left: 30px;\">9. Scroll down, click <strong>Save.<\/strong><\/p>\n<h2>Video: How to Add an Image to a Page<\/h2>\n<p><iframe loading=\"lazy\" id=\"kmsembed-1_mesdndy1\" class=\"kmsembed\" title=\"Add an Image to cuPortfolio\" src=\"https:\/\/mediaspace.carleton.ca\/embed\/secure\/iframe\/entryId\/1_mesdndy1\/uiConfId\/36153741\/st\/0\" width=\"640\" height=\"360\" frameborder=\"0\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Add a Caption or Alt text to an Image<\/h2>\n<p><em><strong>Note<\/strong>: You must <a href=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#sect1\">add an image<\/a> to cuPortfolio before you can add a caption or alternative text. Captions are text that will appear underneath the image. Alternative text is the text that will be read by screen readers or that will appear if the image does not load.<\/em><\/p>\n<ol>\n<li>Click on the Edit icon (pencil) in the image block to edit the block.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1284\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM-240x201.png\" alt=\"\" width=\"350\" height=\"293\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM-240x201.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM-400x334.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM-160x134.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM-360x301.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.21.08\u202fAM.png 426w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/li>\n<li>Click on the Edit icon (pencil) in line with the image you want to add a description to.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1279\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-240x13.png\" alt=\"\" width=\"628\" height=\"34\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-240x13.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-400x22.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-160x9.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-768x42.png 768w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM-360x20.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.05.06\u202fAM.png 864w\" sizes=\"(max-width: 628px) 100vw, 628px\" \/><\/li>\n<li>Add a caption and\/or alt text. Note that there is a toggle to make the image decorative and one to use the alt text as image caption.<\/li>\n<li>Click <strong>Save changes.<\/strong><\/li>\n<li>Click the toggle for Show caption to change it from &#8216;No&#8217; to &#8216;Yes&#8217;.<\/li>\n<li>Click <strong>Save.<\/strong><\/li>\n<\/ol>\n<h2>Embed Image into Text Block<\/h2>\n<p>The simplest way of adding an image to a page on cuPortfolio is to use the <a href=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#sect1\">Image block<\/a>. The instructions below show you how to embed an image within a text field on cuPortfolio.<\/p>\n<ol>\n<li>\u00a0Click on the title\/tab of the page you want to edit.<\/li>\n<li>Click on Edit icon (pencil) at the top right of the page to enter editing mode.<\/li>\n<li>Click and hold the red plus button to add a text box to your page.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1277\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-9.58.49\u202fAM.png\" alt=\"\" width=\"131\" height=\"269\" \/><\/li>\n<li>Click <strong>Text<\/strong>.<\/li>\n<li>Click the <strong>Insert\/edit image button<\/strong> in the text editor.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1280\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM-240x74.png\" alt=\"\" width=\"516\" height=\"159\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM-240x74.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM-400x124.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM-160x49.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM-360x111.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.14.23\u202fAM.png 414w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/li>\n<li>Click on the checkbox to the left of the file agreement statement. This is the file upload agreement and needs to be checked in order for the &#8216;Choose Files&#8217; button to be clickable.<em><strong><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1324\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-240x130.png\" alt=\"\" width=\"371\" height=\"201\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-240x130.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-400x217.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-160x87.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement-360x196.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/upload-file-agreement.png 416w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/><br \/>\n<\/strong><\/em><\/li>\n<li>Browse your computer for the file you would like to upload. Click <strong>Open<\/strong>.<\/li>\n<li>Click <strong>Submit.<\/strong><\/li>\n<li>You can resize the image by pulling the arrow in the bottom right corner of the block.<\/li>\n<\/ol>\n<h2>Resize an Image<\/h2>\n<p>To resize an image, click and drag the arrow in the bottom right corner of the image. View <a href=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/pages\/edit-a-page\/\">how to edit page layout<\/a> for more details.<\/p>\n<h2>Fixing a Rotated Image<\/h2>\n<p>To fix an image that has rotated after you&#8217;ve uploaded it, complete the following steps:<\/p>\n<ol>\n<li>Re-open the image block by clicking on the Edit icon (pencil).<\/li>\n<li>Scroll down to the list of images below the file upload area and click on the Edit icon (pencil) to edit your image which has rotated.<\/li>\n<li>A few editing options will appear and you will see the rotate icon to the right of the image preview. Click it until your image is upright.<\/li>\n<li>Click <strong>Save changes.<\/strong><\/li>\n<li>Click<strong> Save.<\/strong><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1282\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM-240x122.png\" alt=\"\" width=\"472\" height=\"240\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM-240x122.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM-400x203.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM-160x81.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM-360x182.png 360w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-10.19.43\u202fAM.png 509w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><\/li>\n<\/ol>\n<p><\/p>\n<p><\/p>\n<p style=\"padding-left: 30px;\">\n","protected":false},"excerpt":{"rendered":"<p>Upload an Image to a Page Click on the title\/tab of the page you want to edit. Click the Edit icon (pencil) at the top right of the page to enter editing mode. Click and hold down the red plus button to drag a new content block to your page. Click Image. Click on the [&hellip;]<\/p>\n","protected":false},"author":4,"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":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Images - cuPortfolio Help Centre<\/title>\n<meta name=\"description\" content=\"Upload an Image to a Page Click on the title\/tab of the page you want to edit. Click the Edit icon (pencil) at the top right of the page to enter editing\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/\",\"url\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/\",\"name\":\"Images - cuPortfolio Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website\"},\"datePublished\":\"2017-04-25T16:52:38+00:00\",\"dateModified\":\"2025-06-24T13:26:06+00:00\",\"description\":\"Upload an Image to a Page Click on the title\/tab of the page you want to edit. Click the Edit icon (pencil) at the top right of the page to enter editing\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website\",\"url\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/\",\"name\":\"cuPortfolio Help Centre\",\"description\":\"Carleton University\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images - cuPortfolio Help Centre","description":"Upload an Image to a Page Click on the title\/tab of the page you want to edit. Click the Edit icon (pencil) at the top right of the page to enter editing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/","url":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/","name":"Images - cuPortfolio Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website"},"datePublished":"2017-04-25T16:52:38+00:00","dateModified":"2025-06-24T13:26:06+00:00","description":"Upload an Image to a Page Click on the title\/tab of the page you want to edit. Click the Edit icon (pencil) at the top right of the page to enter editing","breadcrumb":{"@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/"},{"@type":"ListItem","position":2,"name":"Images"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website","url":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/","name":"cuPortfolio Help Centre","description":"Carleton University","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"stick_to_top":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/176"}],"collection":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":1446,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/176\/revisions\/1446"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}