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 picture fits the screen, and that the thumbnail is the right shape.

You do not need another install for those everyday checks. Utilities Online is a set of free browser tools for setup, display settings and images. I use a short version of this list on my own channel, angrycatsplay, when a stream is on the calendar and I do not want the first ten minutes spent fixing 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 page 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 does not replace the full setup. You still need the same camera working inside OBS Studio or the program you actually broadcast with.

2. Check your screen resolution#

Display resolution changes how you place windows, record the screen and line up the tools on the desk. The Screen Resolution Detection page shows the resolution it detects 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.

3. Preview websites at different screen sizes#

Creators put browser sources, tip pages, link-in-bio sites and portfolios next to the stream. A page that looks right on a desktop monitor can be awkward on a smaller screen.

The Screen Resolution Tester lets you see a site at other resolutions. Use it on a creator site, a promo landing page, or any web panel you open during a broadcast. It matters when you send viewers to a page to read more.

For a second check, the Browser Window Size Checker shows the outer and inner size of the window you have open. Together they make browser sources easier to line up.

4. Crop images for thumbnails and social posts#

The thumbnail, a tight still, or a clean profile image is what gets the click. The Crop Image Online tool crops an image, changes the dimensions, sets an aspect ratio and downloads the result. Ratios include 16:9, 4:3, 1:1 and 2:3.

  • YouTube thumbnails: reframe a screenshot so the character, the play or the reaction is what you see.
  • Instagram and TikTok: crop toward a vertical 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.

Check the size the platform actually asks for. The right ratio is only one part of a thumbnail.

5. Convert images when the format gets in the way#

Screenshots, thumbnails, logos and promo graphics show up as different files. A PNG you need as a JPG is a common one. The PNG to JPG Converter turns PNG into JPG when you want a format more software accepts, or a smaller file for an ordinary screenshot, a preview or a folder of stills.

6. Make a simple visual from text#

Sometimes a tutorial or a presentation needs a label and you do not want to open a full design app. The Text to Image Converter builds an image from text, with styles and colours you can change. It is a starting point for a label or a plain graphic. It is not a design suite, and it will not produce a finished channel brand or a detailed thumbnail on its own.

7. Measure image elements in pixels#

When a thumbnail, a banner or an overlay has to fit a box, it helps to measure a piece of it. The Online Pixel Ruler is for pixel measurements and image dimensions. It is the sort of check you want if you draw your own overlays and banners.

A better pre-stream workflow#

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

Before the next stream

  1. Test the webcam: Make sure the browser can see it, and that your face sits where you think it sits.
  2. Check the display: Then confirm the recording resolution inside the streaming software. The two numbers are not interchangeable.
  3. Review browser sources: If you open a site or a dashboard on stream, look at it at another window size.
  4. Prepare the stills: Crop screenshots and thumbnails to the ratio that platform uses.
  5. Check the file format: Import PNG when you need transparency. Use JPG for ordinary screenshots.
  6. Open the real setup: Run the scene once inside OBS Studio, or the app you broadcast with, before you go live.

Read next

OBS Studio 2026 Twitch Streaming Guide: The Definitive Setup and Hardware Blueprint

Once the browser checks pass, the scene, the encoder and the camera source still live in OBS.

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. Utilities Online is the set I open for those jobs. 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 a few browser tools next to the streaming app makes the prep shorter. Set the scene up, make the thing, and enjoy the stream.

Questions before you rely on a browser check

Does a webcam test mean OBS will see the camera?

No. It only tells you this browser was allowed to open the device. You still select that same camera as a source in OBS Studio or your broadcasting app and look at the preview there.

Is the resolution on the detection page my stream resolution?

It is the display the page can see. Your canvas in OBS and the file you upload are set separately. Match those in the software before you go live.

When should I keep a PNG instead of converting to JPG?

When the image needs a transparent background: a logo, an overlay, a frame that sits on top of gameplay. JPG fills that empty area with a colour.

Can a text-to-image page replace a thumbnail editor?

It can make a simple label. A thumbnail that has to compete in a YouTube or Twitch browse view still needs a real crop, a clear subject and the ratio that platform asks for.

Do these checks apply only to Twitch?

The same camera, window and image checks apply to YouTube Live, Kick, and to short video on Instagram and TikTok. The ratio you crop to changes with the platform.