{"id":686,"date":"2023-03-21T06:58:32","date_gmt":"2023-03-21T06:58:32","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2023\/03\/21\/7171600-hostinger-website-builder-media-library\/"},"modified":"2026-05-08T13:01:56","modified_gmt":"2026-05-08T13:01:56","slug":"7171600-hostinger-website-builder-media-library","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/7171600-hostinger-website-builder-media-library\/","title":{"rendered":"Hostinger Website Builder: How to use the Media Library"},"content":{"rendered":"<p class=\"no-margin\">The Media Library in the Hostinger Website Builder is a centralized storage space where you can organize the images and documents used on your website. This tool allows you to keep your visual assets organized, helping you build and update your site efficiently without needing external storage. The Media Library is the primary way to manage content for your Hostinger Website Builder site, as the builder does not use a traditional File Manager.<\/p><h2 id=\"h_9f0aaf110d\">How to Access the Media Library<\/h2><p>You can open the Media Library using two different methods.<\/p><ul>\n<li>In the editor side menu, click More <span style=\"font-weight: 400\">and select<\/span> <strong>Media library<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10345\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-media-gallery.png\" alt=\"Hostinger Website Builder menu with Media library highlighted in the More panel\" width=\"339\" height=\"552\" data-media-id=\"10345\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-media-gallery.png 439w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-media-gallery-184x300.png 184w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/li>\n<li>Click on any image-related element (such as an image or logo) and select the option to <strong>Edit image<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10346\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image.png\" alt=\"Edit image button in Hostinger website builder toolbar, with a living room photo selected below\" width=\"450\" height=\"301\" data-media-id=\"10346\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image.png 627w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image-300x200.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><br>\nOr <strong>Replace image<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10347\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image.png\" alt=\"Hostinger website builder header settings, replace image button highlighted in logo tab\" width=\"337\" height=\"412\" data-media-id=\"10347\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image.png 444w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image-245x300.png 245w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/li>\n<\/ul><p><strong>NOTE<\/strong><\/p><ul>\n<li>If you are using a browser translation extension and cannot see these options, try turning it off. To change the language natively, refer to this guide: <a href=\"https:\/\/www.hostinger.com\/support\/1583539-how-to-change-the-hpanel-language-at-hostinger\/\">How to change the hPanel language at Hostinger<\/a>.<\/li>\n<\/ul><h2 id=\"h-how-to-manage-images-and-folders\">How to manage images and folders<\/h2><div class=\"intercom-container intercom-align-center\">Once inside the Media Library, you will land on the My library view. You can switch views to see only images, AI-generated images, or documents. You can perform several management tasks to keep your assets organized.<\/div><ul>\n<li class=\"intercom-container intercom-align-center\"><strong>Upload files<\/strong>: Drag and drop files from your local device or click the <strong>Upload<\/strong> button.<\/li>\n<li class=\"intercom-container intercom-align-center\"><strong>Create folders<\/strong>: Click <strong>Create folder<\/strong> to group related images or documents together.<\/li>\n<li><strong>Manage folders<\/strong>: Click on the options button (<span style=\"font-weight: 400\">&#8942;) next to a folder to rename or delete it.<\/span><\/li>\n<li class=\"intercom-container intercom-align-center\"><strong> Manage files<\/strong>: Click on the options button (<span style=\"font-weight: 400\">&#8942;) next on an image to move it to a folder, rename it or delete it.<\/span><\/li>\n<li class=\"intercom-container intercom-align-center\"><strong>Check image details<\/strong>: Hover over an image and click <strong>Details<\/strong>. <img decoding=\"async\" class=\"\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2023\/03\/35532966-1cbc-4536-ae0e-e8fb77b9a900.jpg\" alt=\"Hostinger Website Builder media library with the Details button highlighted on a job interview image card\" width=\"701\" height=\"287\" data-media-id=\"2979\">The details view contains the file name, file type, file path, dimensions, the option to add Alt text and a button to delete the item.<\/li>\n<li><span data-path-to-node=\"11,5,1,0\"><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"0\"><span class=\"citation-274\">Improve SEO<\/span><\/b><span class=\"citation-274\">: Within the <\/span><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"24\"><span class=\"citation-274\">Details<\/span><\/b><span class=\"citation-274\"> view, add <\/span><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"42\"><span class=\"citation-274\">Alt text<\/span><\/b><span class=\"citation-274\"> to describe your images for search engines and accessibility<\/span><\/span><span data-path-to-node=\"11,5,1,2\">.<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p>Deleting an item is a permanent action and cannot be reverted.<\/p>\n<\/div><h3 data-path-to-node=\"14\">Supported file types<\/h3><p>You can upload various formats to the Media Library, including:<\/p><ul>\n<li><strong>Images<\/strong>: .JPG, .JPEG, .PNG, .GIF, .SVG, .WEBP.<\/li>\n<li><strong>Audio<\/strong>: .WAV, .MP3, .FLAC, .OGG.<\/li>\n<li><strong>Video<\/strong>: .MP4, .AVI, .MOV, .WMV, .FLV.<\/li>\n<li><strong>Documents<\/strong>: .DOC, .DOCX, .XLS, .XLSX, .PPT, .PPTX, .ODT, .ODP, .PDF, .EPUB, .TXT, .RTF.<\/li>\n<\/ul><p>For further file management options, check the <a href=\"https:\/\/www.hostinger.com\/support\/hostinger-website-builder-file-management\/#h-alternatives-for-custom-file-management\">available alternative methods<\/a>.<\/p><p>By organizing your assets into folders and using descriptive alt text, you ensure your website remains easy to manage and optimized for visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manage images, documents, and folders within the Hostinger Website Builder interface<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[277],"tags":[],"class_list":["post-686","post","type-post","status-publish","format-standard","hentry","category-general-website-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/7171600-hostinger-website-builder-media-library\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/7171600-hostinger-creador-de-sitios-web-biblioteca-de-medios\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/7171600-hostinger-svetainiu-kurimo-irankis-medijos-failu-biblioteka\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":10355,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686\/revisions\/10355"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}