YouTube Thumbnail Export Settings for Canva, Photoshop, and Figma
Export a YouTube thumbnail on a clean 16:9 canvas, keep the file readable after compression, and run one final local check before uploading to YouTube Studio.
Last checked: August 9, 2026. Based on YouTube Help and the YouTube thumbnail testing help page.
Best target
3840 x 2160
Common fallback
1920 x 1080
HD floor
1280 x 720
Ratio
16:9
AI answer card
Quick answer
- Best size
- Export YouTube thumbnails at 3840 x 2160 when possible, with 1920 x 1080 as a practical fallback
- Best ratio
- Keep every Canva, Photoshop, Figma, or mobile-editor export on a clean 16:9 canvas
- Use when
- Use this page when the design looks right in the editor but the downloaded file fails dimensions, file size, format, compression, or readability checks.
- Avoid
- Avoid judging the design canvas alone. Download the final file, then check the real width, height, format, file size, and mobile readability before upload.
- Check with
- YouTube thumbnail checker
- Last checked
- August 9, 2026
- Source boundary
- Based on YouTube thumbnail help, YouTube thumbnail testing guidance, and ImageSizeKit local export checks. Editor UI labels can change, so the downloaded file remains the source of truth.
Canonical result routing
Canonical YouTube thumbnail export settings result action map
Use this map after downloading a thumbnail from Canva, Figma, Photoshop, Affinity, or a mobile editor. Match the exported-file result to one repair page before changing multiple editor settings at once.
Editor export is not 16:9
Resize export
Resize the downloaded file or rebuild the canvas before changing compression, format, or text.
Export scale changed the final pixels
Check final file
Check the actual downloaded file and repair the Canva, Figma, Photoshop, or mobile-editor export scale.
PNG is sharp but too large
Check file size
Compare file-size limits before lowering quality or switching to a high-quality JPG.
Text weakens after export
Fix text readability
Increase mobile-readable type size, contrast, spacing, and timestamp-safe placement before another download.
Export looks blurry after compression
Diagnose blur
Diagnose source quality, repeated JPG saves, format choice, and YouTube preview behavior from the final file.
Editor export to publish readiness path
Use this path when a thumbnail looks correct in Canva, Figma, Photoshop, Affinity, or a mobile editor but the downloaded file still needs proof. It connects editor-specific export repair with the final pre-upload readiness loop so the same repaired file reaches YouTube Studio.
| Export stage | Evidence to confirm | Action before publishing | Route |
|---|---|---|---|
| Identify the editor export failure | The downloaded file proves whether Canva, Figma, Photoshop, Affinity, or a mobile editor changed size, format, quality, or compression. | Start with the downloaded file evidence matrix before changing the design idea. | Read file evidence |
| Fix one export setting | Only one variable changed: canvas size, export scale, format, compression, or source download path. | Download a fresh file after each change so the next check reads the repaired export, not an old draft. | Use repair loop |
| Send the repaired export to final checks | The file has known dimensions, ratio, format, file size, and text/blur status after the editor repair. | Run the pre-upload checklist to verify the same file before opening YouTube Studio. | Run final checklist |
| Measure the downstream repair route | A user leaves this page for checker, converter, file-size, format, text, blur, or final upload gate. | Track route clicks so GA4 can show which export-settings failures users actually repair. | Check final file |
Quick answer
Start with a 3840 x 2160 canvas when possible. If your editor, source image, or file size makes that awkward, use 1920 x 1080. Avoid going below 1280 x 720 for serious uploads and A/B tests.
After export, open the YouTube thumbnail checker to confirm the actual file, not just the design canvas.
Downloaded file evidence matrix
Use this matrix after downloading the thumbnail from Canva, Figma, Photoshop, Affinity, or a mobile editor. It separates export settings problems from design problems by reading the final file: dimensions, editor scale, format, file size, text clarity, and blur.
| Downloaded-file evidence | What it answers | Export decision | Next route |
|---|---|---|---|
| 3840 x 2160, 1920 x 1080, or 1280 x 720 export | The downloaded file is on a clean 16:9 YouTube thumbnail canvas instead of a presentation, square post, vertical image, or screenshot. | Keep the export if it passes the checker; resize or re-export when the final file is off-ratio or below the HD floor. | Check dimensions |
| Canva, Figma, or Photoshop scale changed the final pixels | The design canvas can be correct while the exported file is doubled, halved, compressed, or saved from the wrong template. | Fix the editor canvas or export scale first, then download a fresh file before changing compression or format. | Repair canvas |
| JPG or PNG choice affects sharpness and file size | Photo-heavy thumbnails usually compress better as JPG, while text/logo-heavy thumbnails may stay sharper as PNG if the file size remains acceptable. | Choose the format by artwork type, then verify the exported file rather than relying on the editor preview. | Choose format |
| The final file is too large after export | A sharp PNG, 4K export, or dense design can exceed the practical upload path even when dimensions are correct. | Check the real byte size before lowering quality, because the fix depends on mobile, desktop, or podcast upload context. | Check file size |
| Text is clear in the editor but weak in a feed preview | Editor canvases are larger than the places viewers see thumbnails, so exported text can fail after downscaling or compression. | Increase type size, contrast, spacing, and timestamp-safe placement before the next export. | Fix text |
| The export still looks blurry after settings are fixed | The source may be upscaled, repeatedly compressed, or saved from a screenshot rather than the original design file. | Return to the source design and diagnose blur from the downloaded file before another save cycle. | Diagnose blur |
Export settings repair bridge
Use this bridge when the thumbnail design looks right inside the editor but the downloaded file fails after export. Route the file by the actual mistake: wrong canvas, wrong export scale, oversized PNG, damaged JPG text, or a file that still needs a final upload checklist.
| Bridge role | When to use it | Route |
|---|---|---|
| Primary checker handoff | Start from the YouTube thumbnail checker, then use this page when the exported file fails because of editor settings rather than the design idea. | Open checker |
| Wrong canvas or scale | Use the converter when Canva, Figma, Photoshop, or a mobile editor exports the right-looking design at the wrong pixel size or ratio. | Resize export |
| Too large after export | Use the file-size guide when PNG, 4K export, or rich artwork pushes the thumbnail over the mobile or desktop upload limit. | Repair file size |
| Format damaged the image | Use the JPG vs PNG guide when the export choice creates blurry text, oversized PNG files, or JPG artifacts. | Choose format |
| Final upload gate | Use the pre-upload checklist after the editor export has been repaired so dimensions, ratio, format, file size, and readability are checked together. | Run checklist |
Recommended export settings by design tool
| Tool | Canvas setup | Export format | Quality check |
|---|---|---|---|
| Canva | 3840 x 2160 custom size or 1920 x 1080 fallback | JPG for photos; PNG for text/logo artwork | Download the file, then check dimensions and file size outside Canva. |
| Photoshop | 16:9 document, preferably 3840 x 2160 or 1920 x 1080 | High-quality JPG for photos; PNG for sharp graphics | Use Save a Copy/Export once from the original PSD to avoid repeated compression. |
| Figma | 16:9 frame, commonly 1920 x 1080 at 1x or 3840 x 2160 at 2x | PNG for UI/text graphics; JPG for photographic cover art | Confirm final pixel dimensions because export scale can double the frame. |
| Affinity Photo | 16:9 canvas with large mobile-readable type | JPG at high quality or PNG when edges must stay crisp | Check exported file size before assuming PNG is acceptable. |
Editor-specific export QA gate
Each editor has a different failure pattern. Use this gate after choosing export settings and before diagnosing the thumbnail design itself, because the downloaded file can fail even when the Canva, Figma, Photoshop, Affinity, or mobile editor canvas looks correct.
| Editor | Export risk | What to verify | Next route |
|---|---|---|---|
| Canva | A design can start from a presentation, social post, or template size that looks close but is not a YouTube thumbnail canvas. | Download the final file and confirm the exported width, height, and 16:9 ratio outside Canva. | Repair canvas |
| Figma | A correct frame can still export at the wrong size when 1x, 2x, or custom scale is changed. | Check the downloaded PNG or JPG dimensions before assuming the frame size is the final file size. | Check final file |
| Photoshop | Repeated JPG exports can create compression artifacts around faces, text, logos, and UI edges. | Export once from the source PSD, then compare JPG and PNG from the final downloaded file. | Choose format |
| Affinity Photo | Sharp PNG exports can become heavier than the upload path needs, especially with text and layered graphics. | Check file size after export before reducing quality or changing dimensions. | Check file size |
| Mobile editor | The saved image may be a screenshot, compressed share preview, or gallery copy instead of the original design export. | Use the editor download/export command, then check dimensions, file size, format, and mobile readability together. | Run final checklist |
| Any editor with heavy text | Text can look clear on the editing canvas but fail in a small mobile feed preview after export. | Reduce the preview size, avoid the timestamp corner, and confirm large text still reads after compression. | Fix text |
Editor export symptom decision matrix
Use this matrix when the design looks correct inside Canva, Figma, Photoshop, Affinity, or a mobile editor, but the downloaded file fails after export. The final downloaded file, not the design canvas preview, is the source of truth.
| Export symptom | Likely cause | Repair decision | Route |
|---|---|---|---|
| Canva download is the right design but wrong pixel size | The design may have started from a presentation, post, or template canvas instead of a locked 16:9 thumbnail canvas. | Recreate or resize the design on a 3840 x 2160 or 1920 x 1080 custom canvas, then run the final downloaded file through the checker. | Resize to 16:9 |
| Figma export doubles or halves the expected dimensions | The frame size and export scale can combine into a different final pixel size than the designer expected. | Confirm the frame dimensions and export scale, then check the downloaded PNG or JPG before changing the design. | Check final file |
| Photoshop JPG looks softer after repeated saves | Repeated JPG save cycles can stack compression and damage text, faces, and UI edges. | Export once from the source PSD, compare JPG and PNG, then diagnose remaining blur from the final file. | Diagnose blur |
| PNG export is sharp but too large | Text-heavy or layered artwork may stay crisp as PNG while exceeding the practical upload flow. | Try a high-quality JPG or simplified PNG, then check the mobile and desktop file-size limits. | Repair file size |
| Text is readable in the editor but weak in the final thumbnail | The design canvas preview is too large to reveal mobile feed readability problems. | Increase text size, contrast, stroke, and spacing before exporting another file. | Fix text readability |
| Mobile editor exports a screenshot or preview file | The saved image may be a screen capture, compressed preview, or gallery share file rather than the original artwork export. | Return to the editor's export/download flow, then run the final file through the pre-upload checklist. | Run final checklist |
Editor export evidence package
Use this package after exporting from Canva, Figma, Photoshop, Affinity, or a mobile editor. It records the source canvas, export scale, target size, format choice, downloaded file facts, and final gate result so the next repair is based on the actual upload file.
| Evidence item | Why it matters | What to capture | Verify |
|---|---|---|---|
| Editor and source canvas | Canva, Figma, Photoshop, Affinity, and mobile editors can show a correct-looking design while the source canvas is not a clean YouTube thumbnail export. | Record the editor name, source canvas size, frame or artboard ratio, and whether the design started from a thumbnail template or another asset type. | Repair canvas |
| Export scale and target size | Figma scale, Canva resize, Photoshop export size, or a mobile editor save option can change the final downloaded pixels. | Record export scale, target size, and the downloaded file dimensions before changing format or compression. | Check dimensions |
| Format and compression choice | The same thumbnail can pass dimensions while JPG artifacts, oversized PNG output, or repeated saves damage the upload file. | Record JPG, PNG, or GIF choice, quality/compression setting when visible, and whether text or logo edges stay clean. | Choose format |
| Downloaded file facts | The editor preview is not the source of truth; the final downloaded file decides the repair route. | Record width, height, ratio, format, file size, filename, and whether it is a true export or screenshot/preview download. | Read file facts |
| Final gate result | An export-settings repair is only complete when the same downloaded file passes the upload checklist. | Run the final file through dimensions, ratio, file size, format, text readability, blur, and destination checks. | Run final gate |
Editor export to YouTube Studio acceptance record
Use this record after the export settings have been repaired and before the file is handed to the uploader. It turns the Canva, Figma, Photoshop, Affinity, or mobile-editor export into a Studio-ready approval line with file identity, canvas, format, compression, small-preview readability, and final checklist status.
| Acceptance gate | Ready when | Return for repair when | Route |
|---|---|---|---|
| Final export identity | The file name, editor source, and export version match the thumbnail file that will be uploaded in YouTube Studio. | The checked file is a screenshot, preview download, old draft, gallery copy, or a file with no clear source canvas. | Verify file facts |
| Canvas and format acceptance | The downloaded file is 16:9, at least the HD floor, and exported as a supported JPG, PNG, or GIF. | The file is square, vertical, 4:3, a wrong-scale Figma export, an unsupported format, or a Canva template export with the wrong pixels. | Repair canvas or format |
| Compression and file-size acceptance | The final file keeps text and faces clean while staying inside the upload path that will be used. | The PNG is too heavy, the JPG is visibly damaged, or repeated exports created compression artifacts around text and faces. | Repair file size |
| Small-preview acceptance | The title hook, face, product, and main contrast still read when the exported file is previewed at feed size. | The editor canvas looks good but the exported thumbnail loses readability after downscaling or compression. | Check readability |
| Studio upload handoff | The repaired file has a copied approval line with dimensions, format, file size, editor, version, and final checklist status. | The uploader cannot tell which export passed, what was fixed, or whether the final file already passed the pre-upload gate. | Run Studio checklist |
Final editor export decision log
Use this decision log after the Studio acceptance record. It decides whether the repaired export can move to YouTube Studio, needs one more download from the same editor, should switch format, must return to the source design, or belongs in the 16:9 converter.
| Decision | Accept when | Record before next export | Route |
|---|---|---|---|
| Hand off the repaired export to Studio | The downloaded file has a known editor source, clean 16:9 canvas, supported format, acceptable file size, and small-preview readability. | Filename, editor, source canvas, export scale, format, file size, checker result, and final checklist status. | Run final checklist |
| Re-export from the same editor | Only one setting failed, such as export scale, JPG quality, PNG size, text contrast, or accidental preview download. | Failed setting, one changed export variable, new filename, and the next downloaded-file check. | Use repair loop |
| Switch format before another design edit | The canvas is correct but JPG artifacts, oversized PNG output, or unclear GIF use is the blocking issue. | Artwork type, chosen format, compression note, and the reason JPG, PNG, or GIF owns the next export. | Choose format |
| Return to the source design | The exported file is technically valid but the subject, text, contrast, source image, or blur problem cannot be fixed by export settings alone. | Why export repair is not enough, the design element to change, and which checker should validate the next export. | Diagnose source issue |
| Route to size conversion | The editor file started from a square, vertical, 4:3, presentation, social post, or wrong-scale frame that should be rebuilt as 16:9. | Original canvas, target 16:9 size, crop or padding decision, and the converted export filename. | Convert to 16:9 |
Editor export priority matrix
Use this matrix before exporting another version from Canva, Photoshop, Figma, Affinity, or a mobile editor. The safest order is to inspect the final file, fix canvas or scale, choose format, check file size, protect text, diagnose blur, and then run the final upload gate.
| Priority | Export task | Action | Why it matters | Next route |
|---|---|---|---|---|
| 1 | Check the final downloaded file | Do not trust the editor canvas preview; read the exported width, height, ratio, format, and file size. | Most editor issues are only visible after Canva, Figma, Photoshop, Affinity, or a mobile editor creates the final file. | Check final file |
| 2 | Repair canvas size or export scale | Fix wrong artboards, export scale, presentation templates, screenshots, or preview downloads before changing design quality. | A sharp-looking design still fails if the final file is square, vertical, 4:3, doubled unexpectedly, or below the HD floor. | Resize export |
| 3 | Choose JPG or PNG intentionally | Use the artwork type to choose format before adjusting quality sliders or re-exporting. | Format choice decides whether photos stay small, text stays sharp, and PNG files stay within the upload path. | Choose format |
| 4 | Check upload-flow file size | Compare the exported file against the relevant 2 MB, 10 MB, or 50 MB path before further compression. | Over-compressing for the wrong upload flow can damage a file that would have been acceptable from desktop. | Check file size |
| 5 | Protect mobile text readability | Increase type size, contrast, spacing, and timestamp-safe placement before exporting another version. | Editor previews are often too large to reveal text that fails in mobile feeds after export. | Fix text |
| 6 | Diagnose blur from source or repeated saves | If the file still looks soft, return to the source design and avoid stacked JPG saves or upscaled screenshots. | Export settings cannot rescue a weak source image or a file damaged by repeated compression passes. | Diagnose blur |
| 7 | Run the final upload gate | After repairing export settings, verify dimensions, ratio, format, file size, readability, and destination together. | A repaired export is not ready until the final file passes the whole publishing checklist. | Run checklist |
Export failure repair routes
Use this table after the thumbnail leaves Canva, Photoshop, Figma, or another editor. The exported file is the source of truth for YouTube upload readiness.
| Export result | Repair decision | Next page |
|---|---|---|
| The exported file is not 16:9 | Resize or crop before upload. Do not rely on YouTube to fix a mismatched canvas. | Resize to 16:9 |
| The checker says the file is too large | Lower JPG quality, simplify the artwork, or switch from PNG to JPG for photo-heavy designs. | Repair file size |
| The format is unsupported or uncertain | Re-export as JPG, PNG, or GIF, then check the final file again. | Choose format |
| Text looks weak after export | Increase font size, contrast, stroke, and spacing before exporting another file. | Fix text readability |
| The thumbnail looks blurry after compression | Export once from the original design and avoid repeated JPG save cycles. | Diagnose blur |
| Everything looks ready | Run the upload checklist before publishing or starting a thumbnail test. | Final checklist |
Editor export repair loop
Treat export repair as a loop: change one editor setting, download a fresh file, check that file, then decide whether to continue. This prevents Canva, Figma, Photoshop, Affinity, or mobile-editor fixes from creating a new hidden problem.
| Loop step | Why it matters | Verify before continuing | Next route |
|---|---|---|---|
| Change one export variable at a time | Changing canvas size, format, compression, and scale together makes it hard to know which fix helped. | Adjust one setting, download a fresh file, and compare the new file facts with the previous export. | Compare file facts |
| Keep the repaired file separate from older exports | Thumbnail folders often contain several similar files, so the next check can accidentally read the wrong export. | Rename the repaired file with its size or version before running the checker again. | Use final gate |
| Rerun the thumbnail checker after every new download | The editor preview is not the upload file; only the downloaded JPG, PNG, or GIF proves dimensions, ratio, format, and file size. | Check the actual downloaded file before deciding whether to fix text, blur, format, or file-size limits. | Run checker |
| Stop editing when the file passes and the small preview reads | Over-optimizing can create new compression artifacts or make the thumbnail less clear at mobile size. | Once the file facts pass, use the text and blur routes only if the small preview still fails. | Review small preview |
Export decision path
Choose canvas
Use 3840 x 2160 when possible, 1920 x 1080 as a practical fallback, and 1280 x 720 as the HD floor.
Choose format
Use JPG for photos and PNG for text-heavy artwork when file size remains acceptable.
Run final check
Confirm dimensions, ratio, format, and file size after export, not before export.
After exporting from your editor
Do these checks in order so a technically valid thumbnail does not fail later on file size, compression, or small mobile preview readability.
Check exported file
Validate width, height, ratio, format, and upload readiness in one local check.
Convert dimensions
Use this if your exported file is 4:3, square, vertical, or the wrong 16:9 size.
Choose JPG or PNG
Use this if the file is supported but the format choice is hurting quality or file size.
Check text clarity
Use this when the thumbnail passes technically but the mobile preview is hard to read.
A/B test warning
If you use YouTube's title and thumbnail testing, avoid thumbnails below 1280 x 720. YouTube says lower-resolution thumbnails can cause experiment thumbnails to be downscaled to 480p. Read the YouTube testing help page.
YouTube thumbnail export FAQ
What export size should I use for a YouTube thumbnail?
Use a 16:9 canvas. The current official recommendation is 3840 x 2160 pixels, while 1920 x 1080 and 1280 x 720 remain common creator export sizes.
Should I export a YouTube thumbnail as JPG or PNG?
Use JPG for photos, faces, and smaller files. Use PNG for sharp text, logos, and graphic-heavy thumbnails when the file size stays within the upload limit.
What should I check after exporting from Canva, Photoshop, or Figma?
Check width, height, 16:9 ratio, file format, file size, and whether the thumbnail text is readable at a small mobile size.
Is 1280 x 720 enough for YouTube A/B testing?
Treat 1280 x 720 as the floor for serious tests. YouTube says thumbnails lower than 720p can cause experiment thumbnails to be downscaled.
Public thumbnail workflow reference
For a citable export repair map, use the public workflow reference that connects Canva, Photoshop, Figma, and mobile-editor export issues with file-size, format, readability, blur, and final pre-upload checks.
External workflow
YouTube thumbnail export settings public workflow reference
Opens the self-owned workflow asset for thumbnail export repair routing and AI citation context.
Related thumbnail workflow pages
YouTube Thumbnail Size
Check dimensions, ratio, format, and upload readiness.
YouTube Thumbnail File Size
Understand mobile and desktop thumbnail file limits.
JPG vs PNG for YouTube Thumbnails
Choose the export format that fits the artwork.
YouTube Thumbnail Text
Check whether exported words still read at mobile feed size.
Pre-upload Checklist
Run the final publishing gate after export repairs.