{"id":31755,"date":"2025-11-04T01:54:41","date_gmt":"2025-11-04T01:54:41","guid":{"rendered":"https:\/\/auxmode.com.local\/?page_id=31755"},"modified":"2025-11-04T01:54:41","modified_gmt":"2025-11-04T01:54:41","slug":"youtube-thumbnail-preview-mockup-checker","status":"publish","type":"page","link":"https:\/\/www.adamrumanek.com\/free-tools\/suiteoffreetools\/youtube-thumbnail-preview-mockup-checker\/","title":{"rendered":"YouTube Thumbnail Preview &#038; Mockup Checker"},"content":{"rendered":"\n\t<div class=\"youtube-thumbnail-preview-container\">\r\n\t\t<p class=\"subtitle\">Preview how a YouTube title and thumbnail will look and calculate pixel width & character counts.<\/p>\r\n\r\n\t\t<div class=\"row input-section\">\r\n\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t<div class=\"upload-area\" id=\"uploadArea\">\r\n\t\t\t\t\t<div class=\"upload-content\">\r\n\t\t\t\t\t\t<button class=\"btn btn-primary upload-btn\" id=\"uploadBtn\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-cloud-upload upload-icon\"><\/i>\r\n\t\t\t\t\t\t\tUpload Image or ZIP of images\r\n\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<p class=\"upload-info\">.zip or .png or .jpg up to 10MB. 1280 x 720 is ideal.<\/p>\r\n\t\t\t\t\t\t<input type=\"file\" id=\"imageInput\" accept=\".png,.jpg,.jpeg,.zip\" style=\"display: none;\" multiple>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"image-preview-container\" id=\"imagePreviewContainer\" style=\"display: none;\">\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"imagePreview\" src=\"\" alt=\"Preview\">\r\n\t\t\t\t\t\t<div class=\"image-info\" id=\"imageInfo\"><\/div>\r\n\t\t\t\t\t\t<button class=\"btn btn-primary upload-another-btn\" id=\"uploadAnotherBtn\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-plus\"><\/i> Upload Another Image\r\n\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-primary youtube-thumbnail-preview-pdf\" id=\"downloadPdfBtn\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-file-pdf-o\"><\/i> Download PDF\r\n\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 title-input-section\">\r\n\t\t\t\t<label for=\"videoTitle\">Video Title:<\/label>\r\n\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"videoTitle\" placeholder=\"Enter video title\" value=\"How to Grow Your YouTube Channel as a Content Creator\">\r\n\t\t\t\t<div class=\"title-metrics\">\r\n\t\t\t\t\t<div class=\"metric-item\">\r\n\t\t\t\t\t\t<span id=\"characterCount\">0<\/span> characters, character ratio is <span id=\"characterRatio\">0<\/span>.\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"metric-item pixel-width\">\r\n\t\t\t\t\t\t<span id=\"pixelWidth\">0<\/span> pixel width is <span id=\"safetyStatus\" class=\"safe\">SAFE<\/span> zone to avoid truncation for the iOS YouTube mobile app.\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"col-12 mockup-section\">\r\n\t\t\t<h2 class=\"section-title\">YouTube Video Listing Mockups<\/h2>\r\n\t\t\t<div class=\"mockup-grid\" id=\"mockupGrid\">\r\n\t\t\t\t<!-- Mockups will be generated here -->\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":11514,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31755","page","type-page","status-publish","hentry","nodate","item-wrap"],"_links":{"self":[{"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/pages\/31755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/comments?post=31755"}],"version-history":[{"count":0,"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/pages\/31755\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/pages\/11514"}],"wp:attachment":[{"href":"https:\/\/www.adamrumanek.com\/free-tools\/wp-json\/wp\/v2\/media?parent=31755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}