{"id":833,"date":"2022-06-02T17:33:29","date_gmt":"2022-06-02T17:33:29","guid":{"rendered":"https:\/\/web.tarleton.edu\/calendar-tutorial\/?page_id=833"},"modified":"2024-08-14T14:54:17","modified_gmt":"2024-08-14T14:54:17","slug":"image-standards","status":"publish","type":"page","link":"https:\/\/www.tarleton.edu\/calendar-tutorial\/adding-events\/image-standards\/","title":{"rendered":"Image Standards"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Image Standards and Adjustments<\/h2>\n\n\n\n<p>When adding images to events in the LiveWhale calendar system, please make sure that these images are exactly 900 px wide by 600 px tall (or 3:2 ratio if larger). If your photos are bigger or smaller than these dimensions, the image will either be distorted or have blank space surrounding them. These dimensions are a landscape, or horizontal, orientation.<\/p>\n\n\n\n<p>Understandably, these dimensions will require event maintainers to request that their designers build images in a landscape format, which will help in advertising on our TVs\/digital signage, social media, and calendar system platforms.<\/p>\n\n\n\n<p><strong>Do not include<\/strong>&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/infographics-fliers\/\">text heavy flyers\/posters<\/a>&nbsp;for your event images. These images should not contain a lot of text for the following reasons:<\/p>\n\n\n\n<div class=\"wp-block-group link-pop is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li>Event information will be duplicated in the&nbsp;<strong>Event description<\/strong>&nbsp;where the content should be displayed anyway or<\/li>\n\n\n\n<li><strong>Event description<\/strong>&nbsp;will be missing entirely due to dependence on&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/infographics-fliers\/\">an inaccessible image<\/a>&nbsp;where individuals with visual impairments will miss out on the information.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<p>Instead, focus on an image that represents the tone or activity of the event. If you are using a logo, make sure there is enough &#8220;white space&#8221; (e.g. gray background where no important imagery is) surrounding it to make it fit the 900&#215;600 dimensions.<\/p>\n\n\n\n<p class=\"has-tarleton-texan-black-color has-tarleton-texan-red-background-color has-text-color has-background has-link-color wp-elements-f54a956e0c8a193c57645d7e670bf4ab\">Images that do not follow these standards will be removed in order to provide our Tarleton community fair and equal opportunity to all events and ensure the stable function of the Tarleton website.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative text<\/h2>\n\n\n\n<p>The alternative text in LiveWhale is the&nbsp;<strong>caption for this image<\/strong>.<\/p>\n\n\n\n<p>To comply with accessibility standards,&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/alternative-text\/\">this text is required on each image<\/a>&nbsp;to provide blind and\/or visually impaired users with the ability to gather similar context of your message and the image. Text is treated like anything you would read, so it follows a similar capitalization, punctuation, and grammar rules to aid screen readers in reading the image description correctly. For example, if an image does not load on the page, you would rely on the alternative text to describe what the image is displaying.<\/p>\n\n\n\n<p>You must be very careful about what text you choose because it could accidentally be visible to your audience. Words such as \u201cdog\u201d or \u201cgirl\u201d will not explain the purpose or tone of the event to our visually impaired constituents, so you should give them a more explanatory phrase. For example, if a student organization is running a pet adoption booth, the alternative text for that image should be something like \u201cA smiling puppy waiting for a forever home\u201d. This supports the message and tone you want to present.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Using an Image as a Thumbnail<\/h2>\n\n\n\n<p>If you will only be placing an image on the calendar listing, select&nbsp;<strong>Use for Thumbnail Only<\/strong>&nbsp;after clicking on the gear icon on the bottom right of your image.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">File Name Standards<\/h2>\n\n\n\n<p>When naming image files, please make sure that each image has an appropriate name (&#8220;.jpg&#8221; is not require in the name) to assist you in organization and searchability. You can adjust these later in your calendar group&#8217;s images library.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Image Credit and Keywords<\/h2>\n\n\n\n<p>If a student or external designer\/photographer is responsible for the work on the image, you have the option to add in credit by just entering in the name of the individual\/organization.<\/p>\n\n\n\n<p>You can also add in keywords that will assist in searching for the image as your library grows, in the event that you need to reuse it for another entry.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group extra-padding white-links has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#4f2d7f\">\n<h2 class=\"wp-block-heading has-white-color has-text-color\">Using &#8220;TSU&#8221; in Event Descriptions, Location Names, and Other Event Details<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color\">We are Tarleton State! However, we are often confused with other universities who use \u201cTSU\u201d such as Texas Southern University and Texas State University. While it is ok to use \u201cTSU\u201d on campus, external audiences (e.g. emails, social media, news articles, or websites) will not understand we are different from those who may be getting negative news that accidentally gets associated with Tarleton.<\/p>\n\n\n\n<pre class=\"wp-block-verse has-white-color has-text-color has-background\" style=\"background-color:#4f2d7f\"><i class=\"fa fa-info-circle\" aria-hidden=\"true\"><\/i> The Texas A&amp;M University System has provide us with naming conventions to reduce this confusion. When promoting Tarleton on anything going to external relations, use only \u201cTarleton State\u201d or \u201cTarleton State University\u201d.<\/pre>\n\n\n\n<p class=\"has-white-color has-text-color\">Please check through your event titles, descriptions, locations, and anywhere else that you may have \u201cTSU\u201d in the LiveWhale calendar system. If you do not know how \u201cTSU\u201d was placed in a particular area, please feel free to<a href=\"mailto:webmaster@tarleton.edu\">\u00a0contact University Web Operations\u00a0for assistance.<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Image Standards and Adjustments When adding images to events in the LiveWhale calendar system, please make sure that these images are exactly 900 px wide by 600 px tall (or &#8230;<\/p>\n","protected":false},"author":62,"featured_media":580,"parent":779,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-833","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"coauthors":[],"author_meta":{"author_link":"https:\/\/www.tarleton.edu\/calendar-tutorial\/author\/kyle-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/","display_name":"kyle"},"relative_dates":{"created":"Posted 4 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on June 2, 2022","modified":"Updated on August 14, 2024"},"absolute_dates_time":{"created":"Posted on June 2, 2022 5:33 pm","modified":"Updated on August 14, 2024 2:54 pm"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/pages\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":0,"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/pages\/833\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/pages\/779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.tarleton.edu\/calendar-tutorial\/wp-json\/wp\/v2\/media?parent=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}