{"id":147,"date":"2017-10-31T16:15:10","date_gmt":"2017-10-31T20:15:10","guid":{"rendered":"http:\/\/y90sclassroom.blog.ryerson.ca\/?page_id=147"},"modified":"2022-02-28T20:18:08","modified_gmt":"2022-02-28T20:18:08","slug":"guide-to-capturing-and-captioning-images","status":"publish","type":"page","link":"https:\/\/cdh.rula.info\/y90sclassroom\/guides\/guide-to-capturing-and-captioning-images\/","title":{"rendered":"Guide to capturing and captioning images"},"content":{"rendered":"<p><strong>What kind of images should you use?<\/strong> Images should illustrate or otherwise complement the subject matter of your digital exhibit. Images add <strong>to the visual appeal, historical context, visual argument of your exhibit<\/strong>.<\/p>\n<p><strong>INCLUDE: Primary source artwork from your <\/strong><em>Yellow Ninetie<\/em>s Magazine that relates to your topic; magazine cover and title page;\u00a0textual decorations; portraits of people you write about.<\/p>\n<p><strong>OPTIONAL<\/strong>: Victorian artwork that depicts some aspect of your subject matter, including the original colour versions of the artwork reproduced in your magazine; or Victorian photographs that depict some aspect of your subject matter. <strong>Remember, all images must be in the public domain.<\/strong><\/p>\n<p><strong>A few ways to capture images\u2026<\/strong><\/p>\n<p><strong>From the material copy of your magazine in Special Collections:<\/strong><\/p>\n<ul>\n<li>Make an appointment with Special Collections to see your magazine<\/li>\n<\/ul>\n<ul>\n<li>Take photographs of the images you want with your phone or camera<\/li>\n<li>Upload your images to the Media Library on the Y90s Classroom site for use in your digital exhibit<\/li>\n<\/ul>\n<p><strong>From your magazine volume on Y90s 2.0:<\/strong><\/p>\n<ul>\n<li>If your image is available in jpg, download it<\/li>\n<li>If your image is only available in flipbook format, scroll to the page with the image you want to capture; take a screenshot<\/li>\n<li>In Windows open the &#8220;Snipping&#8221; tool<\/li>\n<li>On Mac open the &#8220;Grab&#8221; tool<\/li>\n<li>Use either of these tools to choose a selection of the page<\/li>\n<li>Save the image as a jpeg; resize if necessary (see below)<\/li>\n<li>Upload your images to the Media Library* on the Y90s Classroom site for use in your digital exhibit<\/li>\n<\/ul>\n<p><strong>From other websites that store public domain images:<\/strong><\/p>\n<p>In addition to Ryerson Special Collections and the Y90s Online, you can capture images from a number of online resources, but you must ensure they are in the Public Domain, and you must specify the source of the image in the caption. Here are some useful links for public domain images:<\/p>\n<ul>\n<li>Wikimedia Commons: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/Main_Page\">https:\/\/commons.wikimedia.org\/wiki\/Main_Page<\/a><\/li>\n<li>Tate Modern: <a href=\"https:\/\/www.tate.org.uk\/visit\/tate-modern\">https:\/\/www.tate.org.uk\/visit\/tate-modern<\/a> (go to Artists and Art)<\/li>\n<li>Yale Center for British Art: <a href=\"https:\/\/britishart.yale.edu\/\">https:\/\/britishart.yale.edu\/<\/a> (go to Search the Collection)<\/li>\n<li>New York Public Library: <a href=\"https:\/\/digitalcollections.nypl.org\/\">https:\/\/digitalcollections.nypl.org\/<\/a> (go to Research \u2013Digital Collections; click \u201csearch only public domain materials)<\/li>\n<li>British Library Pictures on Flickr <a href=\"https:\/\/www.flickr.com\/photos\/britishlibrary\/\">https:\/\/www.flickr.com\/photos\/britishlibrary\/<\/a><\/li>\n<li>Google Images: <a href=\"https:\/\/www.google.com\/\">https:\/\/www.google.com\/<\/a>\u00a0 (select \u201ctools\u201d\u2014\u201cusage rights\u201d\u2014noncommercial reuse)<\/li>\n<\/ul>\n<p><strong><em>To add a new image<\/em><\/strong> <em>to the <strong>Media Library<\/strong> to use in your exhibit, take the following steps:<\/em><\/p>\n<ul>\n<li>Ensure the image you want to use is in the public domain; download it to your desktop (if there is no clearly labeled option for downloading, right-click or control-click on the image and select the option to \u201cSave Image As\u2026\u201d)<\/li>\n<li>Before uploading to the Media Library in the Y90s Classroom, ensure the file size of the image you want to use is relatively small (around 50 to 100 KB). You can check the file size by right-clicking (Microsoft) or hitting control + click (Apple) and selecting the option to view info about the file. To reduce the file size, you can use an online tool such as Compressor.io (<a href=\"https:\/\/compressor.io\/\">https:\/\/compressor.io\/<\/a>); or, in PREVIEW, go to &#8220;tools,&#8221; and customize the size using the &#8220;adjust size&#8221; tool. Generally, 1000 pixels on the longest edge (length or width) is a good measurement for resizing. The resolution should be under 100 dpi if possible.<\/li>\n<\/ul>\n<ul>\n<li>Once your image is of a modest file size, open the <strong>Y90s Classroom dashboard<\/strong>, go to <strong>Media &gt; Add New &gt;<\/strong>then upload your image<\/li>\n<li>Your image should now appear in the Media Library (<strong>Media &gt; Library<\/strong>)<\/li>\n<li><strong>You should create a caption in the Media Library for your image, using the Media Editor tool<\/strong>. This caption will then be automatically uploaded with the image. <em>For information on creating captions, see examples below.<\/em><\/li>\n<li><strong>The Media Library automatically includes the URL and the title of your file; you need to add the other metadata, including caption.<\/strong><\/li>\n<li><strong>Caption credit should include these core elements<\/strong>: Creator\u2019s First name, Last name,\u00a0 Title of work, Medium, Date. Source. Public Domain or Permission\/License. (Note that the creator(s)\u2019s name(s) are in regular order, because there is no need for alphabetization in a caption.) <em>See examples below.<\/em><\/li>\n<li><strong>Click <em>edit more details. <\/em>Add \u201cAlt text\u201d and \u201cdescription,\u201d then UPDATE. <\/strong>For \u201c<strong>alt text<\/strong>\u201d: describe the image so that anyone with a visual impairment has access to voice activation. For <strong>description: <\/strong>give a note about its location, original size, etc. <strong><em>Remember to select UPDATE whenever you make changes<\/em><\/strong><em>. <\/em><\/li>\n<li><strong>You can also use the \u201cedit image\u201d <\/strong>function to create a cropped picture or to resize the image in the Media editor. <strong><em>Remember to select UPDATE whenever you make changes<\/em><\/strong><\/li>\n<\/ul>\n<p><strong><u>Captions and Copyright<\/u><\/strong><\/p>\n<p>To read more about what elements to include in your caption and how to format it, consult the UBC guide for image citation:<\/p>\n<p><a href=\"http:\/\/copyright.ubc.ca\/guidelines-and-resources\/support-guides\/image-citation-guide\/\">http:\/\/copyright.ubc.ca\/guidelines-and-resources\/support-guides\/image-citation-guide\/<\/a><\/p>\n<p><strong>EXAMPLES OF IMAGES AND CAPTION CREDITS<\/strong><\/p>\n<figure id=\"attachment_3361\" aria-describedby=\"caption-attachment-3361\" style=\"width: 200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3361 size-full\" src=\"https:\/\/cdh.rula.info\/y90sclassroom\/wp-content\/uploads\/sites\/6\/2019\/03\/Screenshot-2019-03-17-13.48.08-e1552932726388.png\" alt=\"Gray-scale reproduction of a painting of a mermaid.\" width=\"200\" height=\"277\" \/><figcaption id=\"caption-attachment-3361\" class=\"wp-caption-text\">Edward Burne-Jones. The Sea Nymph. Reproduced in The Pageant, vol. 1, 1896, p. 175. Yellow Nineties 2.0. Public Domain.<\/figcaption><\/figure>\n<figure id=\"attachment_3360\" aria-describedby=\"caption-attachment-3360\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3360 size-medium\" src=\"https:\/\/cdh.rula.info\/y90sclassroom\/wp-content\/uploads\/sites\/6\/2019\/03\/Edward_Coley_Burne-Jones_-_Sea-Nymph_-_2010.83_-_Minneapolis_Institute_of_Arts-small-e1552844250888-300x300.jpg\" alt=\"The almost square oil painting is enclosed within a gold ornate frame. The image shows an open sea, with a silver-tailed mermaid holding a fish in each hand floating on turquoise waves, her long red hair blowing out behind her.\" width=\"300\" height=\"300\" srcset=\"https:\/\/cdh.rula.info\/y90sclassroom\/wp-content\/uploads\/sites\/6\/2019\/03\/Edward_Coley_Burne-Jones_-_Sea-Nymph_-_2010.83_-_Minneapolis_Institute_of_Arts-small-e1552844250888-300x300.jpg 300w, https:\/\/cdh.rula.info\/y90sclassroom\/wp-content\/uploads\/sites\/6\/2019\/03\/Edward_Coley_Burne-Jones_-_Sea-Nymph_-_2010.83_-_Minneapolis_Institute_of_Arts-small-e1552844250888-150x150.jpg 150w, https:\/\/cdh.rula.info\/y90sclassroom\/wp-content\/uploads\/sites\/6\/2019\/03\/Edward_Coley_Burne-Jones_-_Sea-Nymph_-_2010.83_-_Minneapolis_Institute_of_Arts-small-e1552844250888.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-3360\" class=\"wp-caption-text\">Fig. 2. Edward Burne-Jones. <em>The Sea-Nymph<\/em>. Oil on canvas, 1881. Wikimedia Commons, Public Domain.<\/figcaption><\/figure>\n<p><strong>Summary of best practices for crediting digital images online:<\/strong><\/p>\n<ul>\n<li>Always use open source or public domain images, or get permission in writing from the creator\/owner\/subjects to publish the image<\/li>\n<li>Always provide a caption for the image as close to the image as possible (ideally, immediately below the image)<\/li>\n<li><strong>Caption credit should include these core elements<\/strong>: Creator\u2019s First Name, Last Name. Title of source, Medium (if relevant), Date. Source(s). Public Domain or Permission\/License. (Note that the creator\u2019s name is in regular order, because there is no need for alphabetization in a caption.)<\/li>\n<li>At the end of your online publication, include the following copyright statement: <strong>\u201cImages in this online exhibit are either in the public domain or being used under fair dealing for the purpose of research and are provided solely for the purposes of research, private study, or education.&#8221;<\/strong><\/li>\n<li>Remember: \u201cfair dealing\u201d means you should restrict the number of images to ONE from a single source <em>if the source is still in copyright<\/em>; if you use more than one image from a single copyrighted source, be sure you analyze the images so that they are clearly part of your argument and evidence. For materials that are out of copyright, such as those in Yellow Nineties 2.0, there are no restrictions on the number of images you can use.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>What kind of images should you use? Images should illustrate or otherwise complement the subject matter of your digital exhibit. Images add to the visual appeal, historical context, visual argument of your exhibit. INCLUDE: Primary source artwork from your Yellow Nineties Magazine that relates to your topic; magazine cover and &#8230;<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":10,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-147","page","type-page","status-publish","hentry","column","threecol"],"_links":{"self":[{"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/pages\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":3,"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/pages\/147\/revisions"}],"predecessor-version":[{"id":7934,"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/pages\/147\/revisions\/7934"}],"up":[{"embeddable":true,"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/cdh.rula.info\/y90sclassroom\/wp-json\/wp\/v2\/media?parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}