{"id":1049,"date":"2025-07-22T07:58:00","date_gmt":"2025-07-22T07:58:00","guid":{"rendered":"https:\/\/blogarchive.utc.edu\/web-kb\/?p=1049"},"modified":"2025-09-09T17:42:21","modified_gmt":"2025-09-09T17:42:21","slug":"wordpress-media","status":"publish","type":"post","link":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/","title":{"rendered":"#5: WordPress Media Library"},"content":{"rendered":"\n<p>The WordPress Media Library is like the storage room for all the visuals and files on your site. Anytime you upload a photo, video, audio clip, or even a PDF, WordPress automatically keeps it organized in this central hub. Think of it as your website\u2019s \u201cphoto album and filing cabinet\u201d in one.<\/p>\n\n\n\n<p>Inside the Media Library, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Upload and store files<\/strong>: Drop in new images or documents that you\u2019ll use in posts and pages.<\/li>\n\n\n\n<li><strong>Organize<\/strong>: Search by file name, filter by date, or view everything in either a list or grid.<\/li>\n\n\n\n<li><strong>Edit<\/strong>: Crop, resize, or rotate images without needing extra software.<\/li>\n\n\n\n<li><strong>Reuse<\/strong>: Instead of uploading the same image multiple times, you can grab it from the Library whenever needed.<\/li>\n<\/ul>\n\n\n\n<p>This setup saves time and keeps everything in one place. For example, if you upload a company logo once, you can use that exact file across your homepage, blog posts, and footer\u2014without worrying about duplicates.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Using the Media Library\" width=\"880\" height=\"660\" src=\"https:\/\/www.youtube.com\/embed\/_A-Er-XuOtU?rel=0&#038;modestbranding=1&#038;autohide=1&#038;showinfo=0&#038;controls=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Transcript<\/summary>\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is the media library?<br><\/h3>\n\n\n\n<p>Media consists of the images, video recordings, and files that you upload and use on your site. And of course, media is inserted into pages and posts. I also think you\u2019ll agree that media plays a crucial role in enhancing a website\u2019s overall experience and effectiveness. You can add various types of media to your library, from photos, screenshots, audio, PDF documents, spreadsheets, PowerPoint presentations, and more.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Navigating the media library<\/h3>\n\n\n\n<p>When you open your media library, it will open to the default grid view. In the grid view, thumbnails of images, audio icons, etc, are all arranged in a grid structure. Here, you are able to filter through your media to find what you are looking for. At the top, next to the grid view icon, you can filter your media by media type and date. The All media items drop-down allows you to select by the types of media, such as images, audio, video, documents, and even spreadsheets. You can also view any media that is unattached to any posts or pages. This means the media is in your media library, but you haven\u2019t used it anywhere on your site. Let\u2019s use the filtering option, for example, only to see audio files. Or documents, like a PDF. Or even spreadsheets. And then, of course, you can go back to seeing all media items. Next, the All Dates drop-down allows you to view images based on their upload dates. You can quickly find media you have uploaded in a specific month, or you may choose to view all. When you click on Bulk Select, you can delete media simultaneously. You can also search for media using the search block at the top right, for example, using words from the description or file name. In this case, I would like to see all my shoe-related images done with a simple search. You can also view your media in List View. All your media will be listed below each other in List View, as the name implies. You will also be able to see the file name and type of file, for example, a PDF or JPEG. To add media to your library, click on Add new media file in the sidebar or at the top. Once selected, you will be able to drag and drop single or multiple files into the page or use the select files option.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding media from the media library<\/h3>\n\n\n\n<p>When you add media to a page or a post using the Image block or the Gallery block, for example, you will be able to upload images directly from your computer into your post or page and media library or directly from your media library. When it comes to larger videos, it\u2019s better to embed them via YouTube or Video blocks, as it will save space in your media library and for better performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Editing media<\/h3>\n\n\n\n<p>When you open an image, you will be able to add attributes such as alternative text, the title, a caption, and a description. It is important always to add ALT text to an image. The ALT text is a concise description of an image for users who can\u2019t view the image, and it\u2019s also good for your site\u2019s SEO or your site\u2019s search engine optimization. Adding a description also enhances SEO and allows for better organization and understanding of the image\u2019s purpose or content. When you click on Edit image, you can crop the image, scale it, or resize it for image optimization. The dimensions update automatically once you change the height or the width. And don\u2019t worry; when you select Restore original image, you can restore the image to its original format. You also have the option to rotate or to flip the image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image optimization<\/h3>\n\n\n\n<p>To end off, let\u2019s briefly talk about image optimization. It is advised to optimize images before uploading them to your media library to improve page load speed and save service space. You can use web-based tools to achieve this, for example, sites like TinyPNG, Bulk Resize, or Squoosh.app, to name a few. Remember to save images with a descriptive and relevant file name before adding it to your media library. It helps search engines understand the content of the image, contributing to better SEO. Search engines may use file names as a factor when indexing and ranking content. Another option is to use an image optimization plugin. There are various image optimization plugins available to choose from when you search the plugins directory. When you find the plugin that suits your needs, you can install, activate, and follow the necessary steps. Both of these methods, using a web-based tool or plugin, improve overall performance by compressing images without compromising visual quality \u2014 all the best as you use the media library to elevate your site to the next level.<\/p>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">Image optimization<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Image optimization\" width=\"880\" height=\"660\" src=\"https:\/\/www.youtube.com\/embed\/efgwjgrqHqQ?rel=0&#038;modestbranding=1&#038;autohide=1&#038;showinfo=0&#038;controls=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Transcript<\/summary>\n<h3 class=\"wp-block-heading\">Advantages<\/h3>\n\n\n\n<p>Before proceeding, let\u2019s briefly discuss the advantages of image optimization. Image optimization will help you improve page loading speed, user experience, and SEO, and it doesn\u2019t require any development skills. Image optimization clearly has a domino effect. If your images load quickly, they will increase user engagement and then lead to improved search engine rankings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">File name and alt text<\/h3>\n\n\n\n<p>So how do we optimize images? Firstly, we need to change the file name of an image before uploading and then add alternative text. Secondly, make sure you choose the correct image type. Then, we can scale or crop an image and compress the image file. So make sure you change the file name of an image before uploading it to your media library. Remember to add the alt text. When you add an image to your media library, you can open it up, and at the top-right, it says Alternative text. The alt tag is simply a brief text description of an image, but it explains the content of images to website users when a graphic can\u2019t be loaded. It also allows search engines to crawl better and rank your website and helps visually impaired users understand the content of a page. It is also important to note image SEO starts with the file name. You want a search engine to know the image without looking at it. So use a focused key phrase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image format<\/h3>\n\n\n\n<p>WordPress lets you upload images in several formats. Images are usually saved as JPEG, PNG, WebP or AVIF. JPEG is typically used for photographs and images of people and objects. PNG is suitable for graphics, illustrations, and images with transparency, while WebP and AVIF are excellent choices for optimizing website performance, especially for non-vectorized assets like photos and animations due to their superior compression capabilities. I would also recommend avoiding GIFs as they present accessibility challenges.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin<\/h3>\n\n\n\n<p>Lastly, we are going to look at three methods to optimize images. Firstly, you can use a WordPress plugin, or you may decide to use a web-based tool or an image editor. Let\u2019s start with plugins. To add a plugin, let\u2019s make our way to Plugins, click on Add New, and then type \u201cImage optimization\u201d in the search block. Now you will notice there are many different plugins to choose from. Some plugins worth exploring are Modern Image Formats, Image Optimization by Optimal, Smush, or Imagify. Please note that depending on the plugin, some features might only be supported by the Pro version. You might want to consider using modern image formats for new image uploads on your site. This plugin has been created and is managed by the WordPress performance team. It converts images to more modern formats such as WebP or AVIF during upload. I will install and activate the EWWW Image Optimizer plugin in this example. Once activated, we can go to Settings and see an option that says \u201cOptimize Local Images\u201d. And if you scroll down, you will see more options with the premium package. But if we make our way to media, we can click Bulk Optimize and scan for unoptimized images. We can see we have 184 images to optimize, and more options are on the right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web-based tools<\/h3>\n\n\n\n<p>Next, let\u2019s explore some web-based tools where you can optimize the image before uploading it to your WordPress site. Some options worth considering are tinypng.com, tinyimg.com, kraken.io and squoosh.app. Let\u2019s see how Squoosh works. It\u2019s open source and supports all image formats. Once you add an image from your computer, you can edit or compress it. Firstly, I will click on Resize and then change the height of the image. You will notice the width automatically updates. Next, I will go to Compress and save the image as a WebP file. In the bottom right, we can see that this file size has been reduced by 97%.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image editors<\/h3>\n\n\n\n<p>Finally, you also have the option to use image editors such as Pixlr, Photopea, Gimp, or Canva.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimal size<\/h3>\n\n\n\n<p>You might be asking what is an optimal size for use in WordPress? Well, it depends on how you will use that image. 1200 by 628 pixels is a good size for header images. For other images, an optimal size is at least 640 by 480 and around 1024 by 768 pixels.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>The WordPress Media Library is like the storage room for all the visuals and files on your site. Anytime you upload a photo, video, audio clip, or even a PDF, WordPress automatically keeps it organized in this central hub. Think of it as your website\u2019s \u201cphoto album and filing cabinet\u201d in one. Inside the Media&hellip; <\/p>\n<p class=\"more-link-wrap\"><span><a class=\"more-link button text\" href=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\"><span>Continue Reading <\/span><\/a><\/span><\/p>\n","protected":false},"author":2040,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[4,12,19],"tags":[],"class_list":{"0":"post-1049","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wordpress","7":"category-videos","8":"category-training","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>#5: WordPress Media Library - UTC Website Knowledge Base Archive<\/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:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"#5: WordPress Media Library - UTC Website Knowledge Base Archive\" \/>\n<meta property=\"og:description\" content=\"The WordPress Media Library is like the storage room for all the visuals and files on your site. Anytime you upload a photo, video, audio clip, or even a PDF, WordPress automatically keeps it organized in this central hub. Think of it as your website\u2019s \u201cphoto album and filing cabinet\u201d in one. Inside the Media&hellip; Continue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\" \/>\n<meta property=\"og:site_name\" content=\"UTC Website Knowledge Base Archive\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-22T07:58:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T17:42:21+00:00\" \/>\n<meta name=\"author\" content=\"Kailey Agoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kailey Agoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\",\"name\":\"#5: WordPress Media Library - UTC Website Knowledge Base Archive\",\"isPartOf\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\"},\"datePublished\":\"2025-07-22T07:58:00+00:00\",\"dateModified\":\"2025-09-09T17:42:21+00:00\",\"author\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"#5: WordPress Media Library\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\",\"name\":\"UTC Website Knowledge Base Archive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\",\"name\":\"Kailey Agoo\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"#5: WordPress Media Library - UTC Website Knowledge Base Archive","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:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/","og_locale":"en_US","og_type":"article","og_title":"#5: WordPress Media Library - UTC Website Knowledge Base Archive","og_description":"The WordPress Media Library is like the storage room for all the visuals and files on your site. Anytime you upload a photo, video, audio clip, or even a PDF, WordPress automatically keeps it organized in this central hub. Think of it as your website\u2019s \u201cphoto album and filing cabinet\u201d in one. Inside the Media&hellip; Continue Reading","og_url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/","og_site_name":"UTC Website Knowledge Base Archive","article_published_time":"2025-07-22T07:58:00+00:00","article_modified_time":"2025-09-09T17:42:21+00:00","author":"Kailey Agoo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kailey Agoo","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/","name":"#5: WordPress Media Library - UTC Website Knowledge Base Archive","isPartOf":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website"},"datePublished":"2025-07-22T07:58:00+00:00","dateModified":"2025-09-09T17:42:21+00:00","author":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3"},"breadcrumb":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/22\/wordpress-media\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogarchive.utc.edu\/web-kb\/"},{"@type":"ListItem","position":2,"name":"#5: WordPress Media Library"}]},{"@type":"WebSite","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website","url":"https:\/\/blogarchive.utc.edu\/web-kb\/","name":"UTC Website Knowledge Base Archive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3","name":"Kailey Agoo","url":"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/users\/2040"}],"replies":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/comments?post=1049"}],"version-history":[{"count":9,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1049\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1049\/revisions\/1148"}],"wp:attachment":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/media?parent=1049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/categories?post=1049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/tags?post=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}