How to create a custom thumbnail in Scratch

Опубликовано: 21 Март 2026
на канале: Jared O'Leary //Multiplicity
33,449
329

🐱 More Scratch content in my home tab https://jaredoleary.com/scratch

🎧 Computer science education podcast https://jaredoleary.com/csk8

🖥️ PC specs and gear I use https://jaredoleary.com/gear

🎮 Gaming playlists http://jaredoleary.com/game

🥁 Drumming playlists http://jaredoleary.com/drum

📅 Stream schedule https://jaredoleary.com/schedule

👕 Merch https://jaredoleary.com/merch

👪 Socials (in the menu) https://jaredoleary.com

━━━━━━━━━━━━━


Learn how to create a custom thumbnail in Scratch for your projects!

To create a custom thumbnail, follow these steps:

Select the paint option for a new sprite in the bottom corner of the screen.
Use the rectangle tool to draw a large rectangle around the box in the middle of the costume.
Add in sprites that you want on your thumbnail using one of the costume options on the bottom corner of the screen.
Click the select tool in the new costume, then click copy.
Go back to your custom thumbnail costume and press paste. Resize and move your sprite on your thumbnail as needed.
Add a title, then change the font size and angle to make it fit the box in the center.
If your thumbnail looks great in the costumes tab but doesn't cover up all of the screen, you can fix that in your code. Add a "go to XY" block and set both X and Y to zero, which is in the center of the screen. Next, add a "go to front layer" block and then a "show" block. Double-click the code, and your new thumbnail should perfectly cover up everything in your project.

Attach a "hide" block to a "when green flag clicked" event block to make your thumbnail disappear when someone starts your project. Every time you change the code in your project, you'll need to save your thumbnail. To do this, double-click the code to make your thumbnail cover up something in your project, then drag the box right on to make the "save now" button appear at the top of the screen, and click that button to save your thumbnail.

Even though it's now saved, it might take a few minutes or even a couple of hours for the server to update your thumbnail on your project page.

Check out the links above for more free Scratch videos, projects, lessons, tips, etc. If you'd like to learn how to teach computer science education with your students, check out the #CSK8 Podcast in the link above to explore research, experiences, and perspectives on computer science education through interviews with computer science educators, scholars, and administrators, as well as episodes that summarize and unpack implications of research for classroom teachers who are interested in learning more about practical applications of research in their classroom.

#scratch #JaredOLeary

━━━━━━━━━━━━━

00:00 Create a thumbnail background
00:09 Add sprites to your thumbnail
00:22 Add a thumbnail title
00:27 Code your thumbnail
00:52 Save your thumbnail and wait