{"id":9046,"date":"2020-07-21T16:44:30","date_gmt":"2020-07-21T20:44:30","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=9046"},"modified":"2025-11-18T09:22:43","modified_gmt":"2025-11-18T14:22:43","slug":"how-to-add-media-files","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/","title":{"rendered":"How to Add Media Files"},"content":{"rendered":"\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" src=\"https:\/\/uncch.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=904c7f48-673d-4e03-878f-adf8015a188a&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=true&#038;start=0&#038;interactivity=all\" height=\"478\" width=\"850\" style=\"border: 1px solid #464646;\" 0=\"allowfullscreen\" allow=\"autoplay\" title=\"How to add media such as images and documents, to a School of Medicine website.\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<p>The above video mentions HeelStream as a place to upload and store videos. HeelStream is not longer available and has been replaced with Panopto, the new video hosting environment supported by UNC. Please view our <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/video\/\">Video documentation<\/a> for more information.<\/p>\n<h2>Best Practices<\/h2>\n<ul>\n<li>Use a descriptive filename. For example, use dr-bob-smith.jpg rather than image-123.jpg. Search engines use the filename to understand your images.<\/li>\n<li>Crop and resize images before uploading them. The longest side (the length or width) of an image in most cases should be no longer than 900 pixels. Cropping images to 900 pixels or less will help mitigate the file size. The smaller the file size of an image, the faster it will load. This will provide a better users experience to site visitors. It will also <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/accessibility-and-seo\/\">improve search engine optimization<\/a> since search engines consider the time it takes to load a webpage when ranking sites.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The above video mentions HeelStream as a place to upload and store videos. HeelStream is not longer available and has been replaced with Panopto, the new video hosting environment supported by UNC. Please view our Video documentation for more information. Best Practices Use a descriptive filename. For example, use dr-bob-smith.jpg rather than image-123.jpg. Search engines &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\" aria-label=\"Read more about How to Add Media Files\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":2216,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9046","page","type-page","status-publish","hentry","odd"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Add Media Files - Web Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Media Files - Web Guide\" \/>\n<meta property=\"og:description\" content=\"The above video mentions HeelStream as a place to upload and store videos. HeelStream is not longer available and has been replaced with Panopto, the new video hosting environment supported by UNC. Please view our Video documentation for more information. Best Practices Use a descriptive filename. For example, use dr-bob-smith.jpg rather than image-123.jpg. Search engines &hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-18T14:22:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\",\"name\":\"How to Add Media Files - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\"},\"datePublished\":\"2020-07-21T20:44:30+00:00\",\"dateModified\":\"2025-11-18T14:22:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media &#038; Video\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Add Media Files\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/\",\"name\":\"Web Guide\",\"description\":\"School of Medicine IT\",\"publisher\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#organization\",\"name\":\"UNC School of Medicine\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2017\/06\/School_of_Medicine_CarolinaBlue_Navy_rgb_h.png\",\"contentUrl\":\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2017\/06\/School_of_Medicine_CarolinaBlue_Navy_rgb_h.png\",\"width\":612,\"height\":150,\"caption\":\"UNC School of Medicine\"},\"image\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Media Files - Web Guide","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:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Media Files - Web Guide","og_description":"The above video mentions HeelStream as a place to upload and store videos. HeelStream is not longer available and has been replaced with Panopto, the new video hosting environment supported by UNC. Please view our Video documentation for more information. Best Practices Use a descriptive filename. For example, use dr-bob-smith.jpg rather than image-123.jpg. Search engines &hellip; Read more","og_url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/","og_site_name":"Web Guide","article_modified_time":"2025-11-18T14:22:43+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/","url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/","name":"How to Add Media Files - Web Guide","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/#website"},"datePublished":"2020-07-21T20:44:30+00:00","dateModified":"2025-11-18T14:22:43+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/how-to-add-media-files\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.med.unc.edu\/webguide\/"},{"@type":"ListItem","position":2,"name":"User Guide","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/"},{"@type":"ListItem","position":3,"name":"Media &#038; Video","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/media\/"},{"@type":"ListItem","position":4,"name":"How to Add Media Files"}]},{"@type":"WebSite","@id":"https:\/\/www.med.unc.edu\/webguide\/#website","url":"https:\/\/www.med.unc.edu\/webguide\/","name":"Web Guide","description":"School of Medicine IT","publisher":{"@id":"https:\/\/www.med.unc.edu\/webguide\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.med.unc.edu\/webguide\/#organization","name":"UNC School of Medicine","url":"https:\/\/www.med.unc.edu\/webguide\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.med.unc.edu\/webguide\/#\/schema\/logo\/image\/","url":"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2017\/06\/School_of_Medicine_CarolinaBlue_Navy_rgb_h.png","contentUrl":"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2017\/06\/School_of_Medicine_CarolinaBlue_Navy_rgb_h.png","width":612,"height":150,"caption":"UNC School of Medicine"},"image":{"@id":"https:\/\/www.med.unc.edu\/webguide\/#\/schema\/logo\/image\/"}}]}},"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=9046"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9046\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/2216"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=9046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}