Free Online Tools Every Twitch Streamer and Video Creator Should Know

Creating a stream is more than a camera, a computer and a game. Before you go live on Twitch, YouTube Live or Kick, or post a Reel or a TikTok, you still have to see that the camera answers, that the microphone moves, and that the thumbnail is the right shape.

You do not need another install for those everyday checks. Stream Shake Tools opens the camera, the microphone and the graphics in this browser. The picture, the audio and the files stay on your device. Nothing from that page is uploaded. On angrycatsplay we run the same list when a stream is on the calendar and the first ten minutes should not go to a camera the browser never opened.

1. Test your webcam before going live#

Starting a livestream and finding a black camera is a bad open. The camera may be blocked in the browser, held by another app, or simply the wrong device. The webcam test shows whether this browser can see the webcam before you start the broadcast software.

How streamers use it

• Check that the webcam is accessible before a scheduled livestream.
• Verify your framing and make sure your face is visible.
• Check lighting and camera position before you record.
• Sort out a basic access problem before you open the streaming software.

A quick look avoids a dead open and looks more finished from the first minute. It needs permission, and it needs HTTPS. It does not replace the full setup. You still select that same camera as a source in OBS Studio, or in the program you actually broadcast with, and look at the preview there.

2. Check the microphone#

A camera with no voice is the same dead open, a minute later. The microphone test is a level meter. Talk after you start it. The bar should move. It does not apply noise removal, a noise gate, or the filters you use in OBS. If the bar stays flat, fix the device or the browser permission before you open the streaming app.

3. Check your screen resolution#

Display resolution changes how you place windows, record the screen and line up the tools on the desk. Screen resolution shows the monitor size and the pixel density the browser reports for this device.

That is useful on a new computer, when a display setting looks wrong, or when you are about to record a tutorial or gameplay and want to know how large the desktop is. If you are recording a YouTube tutorial, the number tells you the desktop size before you hit record.

4. Check the window and a layout width#

Creators put browser sources, tip pages and dashboards next to the stream. A panel that looks right on a desktop monitor can be awkward in a narrower column.

Browser window size reads the outer window and the inner page, and both change as you resize. That is the window you have open. It is not the size of a captured game.

The layout width check places your own graphic, or a sample “Starting soon / Chat” layout, inside 1920×1080, 1366×768, 1280×720, 768×1024 and 375×812 frames. It does not load someone else’s website. Use it to see whether a panel you made still fits the column, not to browse another site at another resolution.

5. Crop and resize thumbnails#

The thumbnail, a tight still, or a clean profile image is what gets the click. Crop an image frames a still for 16:9, 4:3, 1:1 or 2:3 and downloads the crop. The file never leaves the browser.

• YouTube thumbnails: reframe a screenshot so the character, the play or the reaction is what you see.
• Instagram and TikTok: crop toward a vertical 2:3 frame.
• Channel branding: profile graphics, promo posts and community announcements.
• Video previews: keep the important part of a screenshot before it goes into the editor.

The ratio is only one part of a thumbnail. Thumbnail resize then fits that picture to 1280×720 or 1920×1080. Cover crops the edges to fill the frame. Contain keeps the whole picture and adds bars in a color you pick.

6. Convert PNG and JPG#

Screenshots, thumbnails, logos and promo graphics show up as different files. A PNG you need as a JPG is a common one. PNG to JPG makes a smaller JPG for a thumbnail upload. JPG has no transparency, so pick the background color before you convert. That color fills every empty pixel.

The other direction is JPG to PNG. Use it when an overlay tool asks for a PNG. It does not invent a transparent background. The pixels stay opaque.

7. Make a simple visual from text#

Sometimes a starting-soon screen needs a label and you do not want to open a design app. Text to image draws a short line on a colored background and downloads a PNG. You pick the text color and the background from a palette. It is a label, not a finished channel brand or a thumbnail that has to win a browse page.

8. Copy a styled line without installing a font#

A stream title, a panel, a Discord name or an Instagram bio sometimes needs to look different while staying ordinary text. You can paste it. You do not install a typeface, and you do not open a design app.

The fonts generator does that in the browser. You type the line. It swaps each English letter and digit for a Unicode character that looks like another style, then you copy the result. Nothing is uploaded.

How it works

1. Type the line in the box. The character count is the length of what you typed.
2. Pick a decoration, or leave No decoration. There are 114 frames, grouped as popular, royal, stars, flowers, geometric, lines and symbols. Five popular frames sit under the size slider.
3. Set the preview size from 12 to 48 pixels. That size is only for reading the list. The copied text has no font size of its own.
4. Choose a style group: Pretty, Bold, Tech, Ancient, Minimal, Italic, Decorative or Symbols. All fonts shows each style once. Copy the row you want.

These are not font files. Apps draw them with the characters they already have. The maps cover A to Z and 0 to 9. An accent, an emoji or a letter from another alphabet stays as you typed it. A style built from stacked marks can turn into an empty box when the app’s font does not include that character. If a line looks broken, switch to a plain bold or italic row.

Where the characters show up

The same copied line is what you paste. A platform either has the character or it does not. There is no separate font to turn on.

• Instagram. Bios, captions, comments and stories can show the styled characters.
• TikTok. Display names, bios and captions can. The @handle cannot use these characters.
• Discord. Server names, channel names, nicknames, messages and status text can. The same goes for a clan tag or a server you use for a game.
• X. Display names, bios and posts can. The character limit counts the styled text the same way it counts ordinary text.
• Facebook. Profiles, pages, posts and comments can show it.
• Pinterest. Board titles and pin descriptions can show it.
• WhatsApp. There is no font setting. The characters still work in About, a group name and a status.
• YouTube. Channel names, video descriptions, comments and community posts can show it.
• Twitch. The login name cannot. A stream title, a panel and chat often can, until a line is too decorated and gets stripped or drawn as a box.
• Roblox. The display name and the bio can. The account username stays locked.
• Minecraft. It depends on the server and the mods. Java Edition usually handles these characters better than Bedrock.
• Steam. Display names and profile text can show it.

Phones, computers and browsers

• iPhone and iPad. Current iOS draws these characters in the apps that accept them.
• Android. Current phones do. A phone from before 2015 may be missing some of them.
• Windows and Mac. Current systems draw them in apps that accept Unicode text.
• Linux. It depends on the distribution and the fonts installed. Most current desktops do.
• Chrome, Firefox, Safari and Edge. The generator behaves the same in each. The copy is text, so the browser is not what changes the look after you paste.
• Mobile Safari and Chrome on Android. Pasting into an app is the same job as on a computer. The app you paste into is what decides whether the character is there.

What people use a styled line for

The copy is a short label. It stays text, so it fits a name, a bio, a caption or a heading. It does not draw a thumbnail, and it does not change how a platform ranks a post. If a field rejects the paste, that field does not allow the character.

Social profiles

• Instagram bio. The bio is short and sits on the profile. A styled line reads differently from the plain bios around it.
• TikTok display name. The name on the video can be styled. The @handle cannot.
• X. A display name and a bio are short. The character limit still counts every styled character, the same as ordinary text.
• Facebook. A profile name, a page name and the first line of a post can show the characters. Keep a long update in plain text and style only the heading.

Game names

A styled name is easier to pick out in a lobby or on a scoreboard. It does not change the match. Paste it into the display name other players see. The login you sign in with usually stays plain letters and numbers.

• PUBG Mobile and Free Fire. Try the name that shows in the lobby. If the field rejects the paste, that game does not allow the character.
• Fortnite, Call of Duty and Valorant. Same split. Style the name on the scoreboard, not the account login.
• Roblox. The display name and the bio can take the characters. The username stays locked.
• Minecraft. A server name or a display name depends on that server and its mods. Java Edition usually accepts more of these characters than Bedrock.

WhatsApp

WhatsApp has no font setting. About, a group name, a status and a message still accept the copied characters, because they are ordinary text. A stacked decoration is the row that most often turns into an empty box.

Discord

• Server name. It is the line people see in the server list.
• Channel names. One style across the list is easier to scan than a different decoration on every channel.
• Nickname. It is per server, so the same account can look different in a community and in a game server.
• Status. Keep it short. A long decorated status is harder to read than a plain one.

Captions, posts and descriptions

• Instagram captions and stories. The caption and the text on a story can use the characters. The photo is still the picture. This does not replace a designed frame.
• Facebook posts. A heading on an announcement, an event title or an update can be styled. The rest of a long post is easier to read in plain text.
• YouTube. A channel name, a short heading in the description and a community post can use the characters. A thumbnail is still an image. Crop, resize or text to image makes that file. This generator does not.

A stream, an email, an invitation

• On stream. A stream title, a panel and a chat line can take the characters. The Twitch login cannot.
• Email signature. One styled word can sit in a signature. A whole signature in a decorative style is harder to read, and some mail apps drop characters they do not have.
• A short announcement or a digital invitation. Style the label and leave the details in ordinary text. A script row fits a formal line. A plain bold row fits a short tech label.

9. Read overlay colors#

Overlay text fails in two ordinary ways. The hex in the design file is not the hex you typed into OBS, or the text and the background are too close and the label disappears on stream.

The color picker reads one pixel on an image you open here and copies its HEX and RGB. It does not sample a color elsewhere on your desktop.

HEX and RGB converts one overlay color the other way. Use the palette or type the code. It does not build a brand palette for you.

Text contrast scores the two colors with the WCAG contrast formula and previews a “Starting soon” label. Normal text wants 4.5:1. Large text can pass at 3:1. Pick both colors from the palette. A pass here does not mean the label will survive a bright gameplay background you did not test.

10. Measure in pixels#

When a thumbnail, a banner or an overlay has to fit a box, measure the piece instead of guessing. The pixel ruler measures a distance on this page, or on an image you open here. Click the start point, then the end point. It cannot measure an element on someone else’s website.

11. Bitrate, a timer, and a name draw#

The bitrate calculator estimates a video bitrate from resolution and frame rate, then compares it with an upload speed you type. Presets run from 720p30 to 1440p60. The Twitch video figure is capped at 6000 kbps, and the total adds 160 kbps of audio. It does not measure your connection. A number that fits inside 75% of the upload you typed is still not a speed test.

The starting soon timer runs a countdown in this tab. Open it full screen for a second monitor or a browser source. Escape leaves full screen. It is not synced to Twitch, and the controls hide until you move the pointer, so the browser source stays a clock.

Random name draw picks one name from a list you paste, for a chat giveaway. You can remove a name after it is drawn. The list is what you paste. Chat is not read from Twitch.

A better pre-stream workflow#

You do not need a paid app for every small job. A few checks in the browser cover the ordinary problems and get you to the broadcast sooner.

Final thoughts#

Streaming is more than the Go Live button. Testing the camera, preparing the graphics and reading the display settings are small jobs, and they are the ones that eat the start of a stream when they are skipped. The set for those jobs is on this site. Pick the ones that match how you actually prepare a broadcast.

Whether you are starting on Twitch, already posting on YouTube, or trying short video, keeping these checks next to the streaming app makes the prep shorter. Set the scene up, make the thing, and enjoy the stream.