{"id":317,"date":"2026-06-23T19:14:46","date_gmt":"2026-06-23T19:14:46","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/"},"modified":"2026-07-03T13:47:55","modified_gmt":"2026-07-03T13:47:55","slug":"document-library-image-options","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/nl\/docs\/document-library-image-options\/","title":{"rendered":"Document library image options"},"content":{"rendered":"<p>Document Library Pro fully supports images, so you can show a picture for each document. Images can appear in the main library and look especially good in the grid layout.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg\" alt=\"Document library image options showing featured images on grid cards\"\/><\/p>\n<p>For example, you can use images to:<\/p>\n<ul>\n<li>Add file type icons, which is useful if you have set the document link to show a button or text link rather than an icon.<\/li>\n<li>Show a screenshot of the front cover of a document as a preview before people download it.<\/li>\n<li>Display any other picture you want to represent the document.<\/li>\n<\/ul>\n<h2 id=\"adding-images-to-documents\">How to add images to documents<\/h2>\n<h3 id=\"automatic-images\">Automatic images<\/h3>\n<p>Where possible, Document Library Pro creates the image for you automatically from image and PDF files. For a PDF, the image is the first page of the document. This image is added when you first create the document. If you replace the file later, you will need to set a new image yourself if you want one.<\/p>\n<p>If you would rather not use the automatic image, you can remove it when editing the document, leave images out of your library, or replace it with a picture of your own.<\/p>\n<h3 id=\"adding-images-manually\">Adding images manually<\/h3>\n<p>You can set an image yourself on the Add Document screen when you add or edit a document. Simply upload the picture you want to represent that document.<\/p>\n<h2 id=\"images-in-the-grid-layout\">Images in the grid layout<\/h2>\n<p>The grid layout works best with square images. When the image field is turned on, the grid shows each document&#8217;s image, and if a document has no image, its file type icon shows instead. For the grid layout, we recommend images at least 800px wide, and ideally at least 1024px wide. This makes sure there is no extra space to the left and right of the image, whatever number of columns you use in the grid.<\/p>","protected":false},"excerpt":{"rendered":"<p>Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.<\/p>","protected":false},"menu_order":0,"template":"","meta":{"footnotes":""},"doc_category":[4],"class_list":["post-317","doc","type-doc","status-publish","hentry","doc_category-building-your-library"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Document library image options<\/title>\n<meta name=\"description\" content=\"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/documentlibrary.pro\/nl\/docs\/document-library-image-options\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Document library image options\" \/>\n<meta property=\"og:description\" content=\"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/nl\/docs\/document-library-image-options\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-03T13:47:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/\",\"name\":\"Document library image options\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/resource-library-grid-layout.jpg\",\"datePublished\":\"2026-06-23T19:14:46+00:00\",\"dateModified\":\"2026-07-03T13:47:55+00:00\",\"description\":\"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/resource-library-grid-layout.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/resource-library-grid-layout.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-library-image-options\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Document library image options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"name\":\"Document Library Pro\",\"description\":\"Searchable document libraries for any website\",\"publisher\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/documentlibrary.pro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"width\":512,\"height\":512,\"caption\":\"Document Library Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"description\":\"Document Library Pro is hosted document library software that lets you publish searchable, filterable libraries of PDFs, documents and resources on any website or platform.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Document library image options","description":"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.","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:\/\/documentlibrary.pro\/nl\/docs\/document-library-image-options\/","og_locale":"nl_NL","og_type":"article","og_title":"Document library image options","og_description":"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.","og_url":"https:\/\/documentlibrary.pro\/nl\/docs\/document-library-image-options\/","og_site_name":"Document Library Pro","article_modified_time":"2026-07-03T13:47:55+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/","url":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/","name":"Document library image options","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg","datePublished":"2026-06-23T19:14:46+00:00","dateModified":"2026-07-03T13:47:55+00:00","description":"Show a picture for each document, use automatic images from PDFs and image files, or add your own, and get the best results in the grid layout.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/resource-library-grid-layout.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/document-library-image-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/documentlibrary.pro\/docs\/"},{"@type":"ListItem","position":3,"name":"Document library image options"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Zoekbare documentbibliotheken voor elke website","publisher":{"@id":"https:\/\/documentlibrary.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentlibrary.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","width":512,"height":512,"caption":"Document Library Pro"},"image":{"@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/"},"description":"Document Library Pro is gehoste documentbibliotheeksoftware waarmee u doorzoekbare, filterbare bibliotheken met PDF's, documenten en bronnen op elke website of platform kunt publiceren."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/317\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/317\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/media?parent=317"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc_category?post=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}