{"id":2363,"date":"2025-01-07T17:25:08","date_gmt":"2025-01-07T22:25:08","guid":{"rendered":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/?post_type=chapter&#038;p=2363"},"modified":"2025-08-13T13:21:24","modified_gmt":"2025-08-13T17:21:24","slug":"images","status":"publish","type":"chapter","link":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/images\/","title":{"raw":"Images","rendered":"Images"},"content":{"raw":"<div class=\"textbox outer\">\r\n<h2>Basics of\u00a0Images with<\/h2>\r\n<div class=\"textbox inner\">\r\n<h2>Pressbooks<\/h2>\r\n<\/div>\r\n<\/div>\r\nResize and prepare images before upload. The upload limit is 2MB per image and 20 MB for other content. Accepted file types include JPG, PNG, and SVG.\r\n<h3><\/h3>\r\n<h3>Resize and Add Images<\/h3>\r\n<a href=\"https:\/\/imageresizer.com\/\" target=\"_blank\" rel=\"noopener\">Imagereizer<\/a> allows you to resize your images before uploading. If your Pressbooks are intended to have both web and digital PDF versions for printing, it is recommended that the images be centred and that the image size be no more than 500 pixels wide and 600 pixels high.\r\n\r\nUpload images using the Media Library. Add Media using the Visual text editor &gt;&gt; Under the Upload Files tab, select files. Once uploaded into the Media Library, you can select the image to add alt text, adjust the title, and provide attribution information. Once your selected image is ready, insert it into the Chapter.\r\n\r\nFor example:\r\n\r\n<em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/\" target=\"_blank\" rel=\"noopener\">Creating the Modern: Intersections of Art &amp; Society in the Nineteenth Century<\/a><\/em> by Loren Lerner and Karine Antaki is a visually rich open textbook with alt-text and captions that include copyright information.\r\n<h3>Accessibility Matters<\/h3>\r\nAlternative Text (alt text) appears as helpful short descriptions of non-decorative images. Essential to digital accessibility, alt text benefits blind and low-vision readers who rely on screen readers to understand non-text content, including diagrams and graphics. Alt text is also helpful when an image does not appear on the page because of technical or Internet connection problems.\r\n<h3>Plan on Adding Alt Text<\/h3>\r\nYou can alter certain aspects of uploaded images in your Media Library by selecting the \"Edit Media\" option for a particular file and then selecting the \"Edit Image\" option to add alt text.\r\n\r\n<iframe src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-admin\/admin-ajax.php?action=h5p_embed&id=73\" width=\"1495\" height=\"745\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" title=\"Alt Text Decision Tree\"><\/iframe><script src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/plugins\/h5p\/h5p-php-library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script>\r\n\r\n<div class=\"textbox textbox--examples attributions\">\r\n<div class=\"textbox__content\">\r\n\r\n<strong>H5P Decision Tree:\u00a0<\/strong> <em><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\" target=\"_blank\" rel=\"noopener\">Alt Text Decision Tree<\/a><\/em> by Luke, <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\" target=\"_blank\" rel=\"noopener\">CC BY-NC-SA 4.0<\/a>.\r\n\r\n<\/div>\r\n<\/div>\r\n<h3>Copyright Matters<\/h3>\r\nCheck the licence details for all third-party content. The author and project lead are responsible for ensuring that their open-textbook project does not infringe on any third party\u2019s proprietary or intellectual property rights. Add image captions with attribution statements by selecting \"Edit Media,\" choosing a particular file, and then selecting the \"Edit Image\" option to add a caption.\r\n\r\n&nbsp;\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\"><span style=\"color: #ffffff;\">Additional Resources<\/span><\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>\u201c<a href=\"https:\/\/pressbooks.cuny.edu\/cunypressbooksguide\/chapter\/images-files\/\" target=\"_blank\" rel=\"noopener\">Adding Media and Files<\/a>\u201d in <em>CUNY Pressbooks Guide<\/em> by Andrew McKinney.<\/li>\r\n \t<li>\u201c<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\" target=\"_blank\" rel=\"noopener\">Alternative Text<\/a>\u201d in <em>Accessibility Handbook For Teaching and Learning<\/em> by Briana Fraser and Luke McKnight.<\/li>\r\n \t<li><em><a href=\"https:\/\/people.utoronto.ca\/wp-content\/uploads\/2023\/11\/Alt-Text-Best-Practices-Guide-PSEC.pdf\" target=\"_blank\" rel=\"noopener\">Alternative Text (alt text) Best Practices Guide<\/a> <\/em>by the University of Toronto\u2019s People Strategy, Equity &amp; Culture team.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>","rendered":"<div class=\"textbox outer\">\n<h2>Basics of\u00a0Images with<\/h2>\n<div class=\"textbox inner\">\n<h2>Pressbooks<\/h2>\n<\/div>\n<\/div>\n<p>Resize and prepare images before upload. The upload limit is 2MB per image and 20 MB for other content. Accepted file types include JPG, PNG, and SVG.<\/p>\n<h3><\/h3>\n<h3>Resize and Add Images<\/h3>\n<p><a href=\"https:\/\/imageresizer.com\/\" target=\"_blank\" rel=\"noopener\">Imagereizer<\/a> allows you to resize your images before uploading. If your Pressbooks are intended to have both web and digital PDF versions for printing, it is recommended that the images be centred and that the image size be no more than 500 pixels wide and 600 pixels high.<\/p>\n<p>Upload images using the Media Library. Add Media using the Visual text editor &gt;&gt; Under the Upload Files tab, select files. Once uploaded into the Media Library, you can select the image to add alt text, adjust the title, and provide attribution information. Once your selected image is ready, insert it into the Chapter.<\/p>\n<p>For example:<\/p>\n<p><em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/\" target=\"_blank\" rel=\"noopener\">Creating the Modern: Intersections of Art &amp; Society in the Nineteenth Century<\/a><\/em> by Loren Lerner and Karine Antaki is a visually rich open textbook with alt-text and captions that include copyright information.<\/p>\n<h3>Accessibility Matters<\/h3>\n<p>Alternative Text (alt text) appears as helpful short descriptions of non-decorative images. Essential to digital accessibility, alt text benefits blind and low-vision readers who rely on screen readers to understand non-text content, including diagrams and graphics. Alt text is also helpful when an image does not appear on the page because of technical or Internet connection problems.<\/p>\n<h3>Plan on Adding Alt Text<\/h3>\n<p>You can alter certain aspects of uploaded images in your Media Library by selecting the &#8220;Edit Media&#8221; option for a particular file and then selecting the &#8220;Edit Image&#8221; option to add alt text.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-admin\/admin-ajax.php?action=h5p_embed&#38;id=73\" width=\"1495\" height=\"745\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" title=\"Alt Text Decision Tree\"><\/iframe><script src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/plugins\/h5p\/h5p-php-library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>\n<div class=\"textbox textbox--examples attributions\">\n<div class=\"textbox__content\">\n<p><strong>H5P Decision Tree:\u00a0<\/strong> <em><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\" target=\"_blank\" rel=\"noopener\">Alt Text Decision Tree<\/a><\/em> by Luke, <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\" target=\"_blank\" rel=\"noopener\">CC BY-NC-SA 4.0<\/a>.<\/p>\n<\/div>\n<\/div>\n<h3>Copyright Matters<\/h3>\n<p>Check the licence details for all third-party content. The author and project lead are responsible for ensuring that their open-textbook project does not infringe on any third party\u2019s proprietary or intellectual property rights. Add image captions with attribution statements by selecting &#8220;Edit Media,&#8221; choosing a particular file, and then selecting the &#8220;Edit Image&#8221; option to add a caption.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\"><span style=\"color: #ffffff;\">Additional Resources<\/span><\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>\u201c<a href=\"https:\/\/pressbooks.cuny.edu\/cunypressbooksguide\/chapter\/images-files\/\" target=\"_blank\" rel=\"noopener\">Adding Media and Files<\/a>\u201d in <em>CUNY Pressbooks Guide<\/em> by Andrew McKinney.<\/li>\n<li>\u201c<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\" target=\"_blank\" rel=\"noopener\">Alternative Text<\/a>\u201d in <em>Accessibility Handbook For Teaching and Learning<\/em> by Briana Fraser and Luke McKnight.<\/li>\n<li><em><a href=\"https:\/\/people.utoronto.ca\/wp-content\/uploads\/2023\/11\/Alt-Text-Best-Practices-Guide-PSEC.pdf\" target=\"_blank\" rel=\"noopener\">Alternative Text (alt text) Best Practices Guide<\/a> <\/em>by the University of Toronto\u2019s People Strategy, Equity &amp; Culture team.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"author":1,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[48],"contributor":[],"license":[],"class_list":["post-2363","chapter","type-chapter","status-publish","hentry","chapter-type-numberless"],"part":1606,"_links":{"self":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/2363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":47,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/2363\/revisions"}],"predecessor-version":[{"id":6381,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/2363\/revisions\/6381"}],"part":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/parts\/1606"}],"metadata":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/2363\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/media?parent=2363"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapter-type?post=2363"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/contributor?post=2363"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/license?post=2363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}