Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format, and whether to pre-generate or generate on the fly. <\/p>\n\n\n\n
I am building an image and video gallery and need to batch-generate small previews for grids and cards. What are the best practices and cross-platform tools for how to create a thumbnail file? I care about speed, consistent sizing, and keeping file sizes small. Code samples for Node or Python would be great, plus any tips for naming, caching, and format choices.<\/em><\/p>\n\n\n\n Great question! A thumbnail is a small, optimized preview of a larger asset. Common sizes are 150×150, 300×300, or 480 on the longest edge. The goal is consistent display and quick delivery.<\/p>\n\n\n\n ImageMagick for images:<\/strong><\/p>\n\n\n FFmpeg for video frame thumbnails:<\/strong><\/p>\n\n\n If you prefer not to maintain thumbnail pipelines, you can upload originals and request thumbnails in the delivery URL. The first request generates and caches the result at the edge.<\/p>\n\n\n\n Example image thumbnail URL:<\/strong> <\/p>\n\n\n\n Node SDK upload and URL generation:<\/strong><\/p>\n\n\n This approach centralizes generation, CDN caching, and format optimization, which is especially helpful at scale or when teams collaborate on media assets<\/a>.<\/p>\n\n\n\nAnswer:<\/h2>\n\n\n\n
Best practices before you start<\/h3>\n\n\n\n
\n
Quick command line options<\/h3>\n\n\n\n
# 300x300<\/span> square<\/span> thumbnail<\/span>, centered<\/span> crop<\/span>, quality<\/span> at<\/span> 85\nconvert<\/span> input<\/span>.jpg<\/span> -thumbnail<\/span> 300x300<\/span>^ -gravity<\/span> center<\/span> -extent<\/span> 300x300<\/span> -quality<\/span> 85 output_thumb<\/span>.jpg<\/span><\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n# Grab a frame at 2 seconds and scale to width 300 (keep aspect)<\/span>\nffmpeg -ss 00<\/span>:00<\/span>:02<\/span> -i input.mp4 -vframes 1<\/span> -vf \"scale=300:-1\"<\/span> output_thumb.jpg<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nProgrammatic approach in Node.js with Sharp<\/h3>\n\n\n
import<\/span> sharp from<\/span> 'sharp'<\/span>;\n\n\/\/ Square thumbnail 300x300, centered crop, save as WebP<\/span>\nawait<\/span> sharp('input.jpg'<\/span>)\n\u00a0 .resize(300<\/span>, 300<\/span>, { fit<\/span>: 'cover'<\/span>, position<\/span>: 'center'<\/span> })\n\u00a0 .toFormat('webp'<\/span>, { quality<\/span>: 80<\/span> })\n\u00a0 .toFile('input_thumb.webp'<\/span>);<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\nProgrammatic approach in Python with Pillow<\/h3>\n\n\n
from<\/span> PIL import<\/span> Image, ImageOps\n\nwith<\/span> Image.open('input.jpg'<\/span>) as<\/span> img:\n\u00a0 \u00a0 thumb = ImageOps.fit(img, (300<\/span>, 300<\/span>), method=Image.LANCZOS, centering=(0.5<\/span>, 0.5<\/span>))\n\u00a0 \u00a0 thumb.save('input_thumb.jpg'<\/span>, quality=85<\/span>, optimize=True)<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\nNaming, storage, and caching tips<\/h3>\n\n\n\n
\n
When to pre-generate vs generate on the fly<\/h3>\n\n\n\n
\n
Do the same with Cloudinary<\/h3>\n\n\n\n
https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_fill,g_auto,w_300,h_300,q_auto,f_auto\/samples\/landscapes\/beach.jpg<\/code><\/a><\/p>\n\n\n\n\n
import<\/span> { v2 as<\/span> cloudinary } from<\/span> 'cloudinary'<\/span>;\n\ncloudinary.config({\n\u00a0 cloud_name<\/span>: 'demo'<\/span>,\n\u00a0 api_key<\/span>: 'your_key'<\/span>,\n\u00a0 api_secret<\/span>: 'your_secret'<\/span>\n});\n\nconst<\/span> result = await<\/span> cloudinary.uploader.upload('input.jpg'<\/span>, { folder<\/span>: 'samples'<\/span> });\n\n\/\/ Build a 300x300 thumbnail URL<\/span>\nconst<\/span> thumbUrl = cloudinary.url(`${result.public_id}<\/span>.jpg`<\/span>, {\n\u00a0 transformation<\/span>: [\n\u00a0 \u00a0 { width<\/span>: 300<\/span>, height<\/span>: 300<\/span>, crop<\/span>: 'fill'<\/span>, gravity<\/span>: 'auto'<\/span> },\n\u00a0 \u00a0 { quality<\/span>: 'auto'<\/span>, fetch_format<\/span>: 'auto'<\/span> }\n\u00a0 ]\n});\nconsole<\/span>.log(thumbUrl);<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\nCommon pitfalls and fixes<\/h3>\n\n\n\n
\n
TL;DR<\/h2>\n\n\n\n
\n
Learn More<\/h2>\n\n\n\n
![https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_fill,g_auto,w_300,h_300,q_auto,f_auto\/samples\/landscapes\/beach.jpg<\/code><\/a><\/p>\n\n\n\n\nc_fill,g_auto centers on salient content.<\/li>\n\n\n\nw_300,h_300 sets exact dimensions.<\/li>\n\n\n\nq_auto,f_auto pick optimal quality and format automatically.<\/li>\n<\/ul>\n\n\n\nNode SDK upload and URL generation:<\/strong><\/p>\n\n\nimport<\/span> { v2 as<\/span> cloudinary } from<\/span> 'cloudinary'<\/span>;\n\ncloudinary.config({\n\u00a0 cloud_name<\/span>: 'demo'<\/span>,\n\u00a0 api_key<\/span>: 'your_key'<\/span>,\n\u00a0 api_secret<\/span>: 'your_secret'<\/span>\n});\n\nconst<\/span> result = await<\/span> cloudinary.uploader.upload('input.jpg'<\/span>, { folder<\/span>: 'samples'<\/span> });\n\n\/\/ Build a 300x300 thumbnail URL<\/span>\nconst<\/span> thumbUrl = cloudinary.url(`${result.public_id}<\/span>.jpg`<\/span>, {\n\u00a0 transformation<\/span>: [\n\u00a0 \u00a0 { width<\/span>: 300<\/span>, height<\/span>: 300<\/span>, crop<\/span>: 'fill'<\/span>, gravity<\/span>: 'auto'<\/span> },\n\u00a0 \u00a0 { quality<\/span>: 'auto'<\/span>, fetch_format<\/span>: 'auto'<\/span> }\n\u00a0 ]\n});\nconsole<\/span>.log(thumbUrl);<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\nThis approach centralizes generation, CDN caching, and format optimization, which is especially helpful at scale or when teams collaborate on media assets<\/a>.<\/p>\n\n\n\nCommon pitfalls and fixes<\/h3>\n\n\n\n\nFaces or key objects cropped out: use center-crop or face-aware cropping when available.<\/li>\n\n\n\nHeavy files: lower quality a bit, switch to WebP, and avoid PNG for photos.<\/li>\n\n\n\nLayout shift: specify dimensions in markup or reserve aspect ratio space.<\/li>\n<\/ul>\n\n\n\nTL;DR<\/h2>\n\n\n\n\nResize and center-crop to a fixed size like 300×300.<\/li>\n\n\n\nSave as JPG or WebP with quality around 70 to 85 for small files.<\/li>\n\n\n\nUse ImageMagick, FFmpeg, Sharp, or Pillow for batch workflows.<\/li>\n\n\n\nIf you want zero thumbnail infrastructure, use URL based generation and CDN caching.<\/li>\n<\/ul>\n\n\n\nLearn More<\/h2>\n\n\n\n\nImage to WebP<\/a><\/li>\n\n\n\nPNG to WebP<\/a><\/li>\n\n\n\nImage to JPG<\/a><\/li>\n\n\n\nCompress PNG<\/a><\/li>\n<\/ul>\n\n\n\nReady to streamline thumbnail generation and delivery across platforms and devices? Register free for Cloudinary<\/a> and start optimizing your workflow today.<\/p>\n","protected":false},"excerpt":{"rendered":"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format, and whether to pre-generate or generate on the fly. Question: I am building an image and video gallery and need to batch-generate small previews for grids and cards. What are the best […]<\/p>\n","protected":false},"author":88,"featured_media":38855,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[423],"class_list":["post-38854","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-questions"],"acf":[],"yoast_head":"\nHow to Create a Thumbnail File<\/title>\n<meta name=\"description\" content=\"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Thumbnail File\" \/>\n<meta property=\"og:description\" content=\"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-18T20:58:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-18T20:58:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"damjanantevski\" \/>\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\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\"},\"author\":{\"name\":\"damjanantevski\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/43592e43c12520a1e867d456b1e8cf7e\"},\"headline\":\"How to Create a Thumbnail File\",\"datePublished\":\"2025-10-18T20:58:42+00:00\",\"dateModified\":\"2025-10-18T20:58:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\"},\"wordCount\":553,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA\",\"keywords\":[\"Questions\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\",\"url\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\",\"name\":\"How to Create a Thumbnail File\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA\",\"datePublished\":\"2025-10-18T20:58:42+00:00\",\"dateModified\":\"2025-10-18T20:58:43+00:00\",\"description\":\"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Thumbnail File\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/43592e43c12520a1e867d456b1e8cf7e\",\"name\":\"damjanantevski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3b40c995531fe4d510212a06c9d4fc666d2cb8efbfebc98a94191701accf4817?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3b40c995531fe4d510212a06c9d4fc666d2cb8efbfebc98a94191701accf4817?s=96&d=mm&r=g\",\"caption\":\"damjanantevski\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Thumbnail File","description":"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,","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:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Thumbnail File","og_description":"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,","og_url":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/","og_site_name":"Cloudinary Blog","article_published_time":"2025-10-18T20:58:42+00:00","article_modified_time":"2025-10-18T20:58:43+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","type":"image\/jpeg"}],"author":"damjanantevski","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/"},"author":{"name":"damjanantevski","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/43592e43c12520a1e867d456b1e8cf7e"},"headline":"How to Create a Thumbnail File","datePublished":"2025-10-18T20:58:42+00:00","dateModified":"2025-10-18T20:58:43+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/"},"wordCount":553,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","keywords":["Questions"],"inLanguage":"en-US","copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/","url":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/","name":"How to Create a Thumbnail File","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","datePublished":"2025-10-18T20:58:42+00:00","dateModified":"2025-10-18T20:58:43+00:00","description":"Thumbnails make image galleries, product lists, and video catalogs snappy and scannable. In dev threads, you will often see debates about size, format,","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/questions\/how-to-create-a-thumbnail-file\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a Thumbnail File"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/43592e43c12520a1e867d456b1e8cf7e","name":"damjanantevski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3b40c995531fe4d510212a06c9d4fc666d2cb8efbfebc98a94191701accf4817?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b40c995531fe4d510212a06c9d4fc666d2cb8efbfebc98a94191701accf4817?s=96&d=mm&r=g","caption":"damjanantevski"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1760821090\/how_to_create_a_thubmnail_file_featured_image\/how_to_create_a_thubmnail_file_featured_image.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/38854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=38854"}],"version-history":[{"count":1,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/38854\/revisions"}],"predecessor-version":[{"id":38856,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/38854\/revisions\/38856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/38855"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=38854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=38854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=38854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_fill,g_auto,w_300,h_300,q_auto,f_auto\/samples\/landscapes\/beach.jpg\"){kind=link}