Warning! Banners with links are broken on the new osu website in some cases. Gaps may appear in your image when pasted into your profile on the new osu site. There is nothing I can do about it until the osu website is fixed unfortunately.

osuStuff Banner Maker ^BETA

Recently made user banners:

Already have a banner image and just want to add links? Use the Banner Link Adder.

1. Select a Background Image

Use your own image for the background:

Minimum recommended resolution: 600x190px
.png or .jpg/jpeg only, Max 5MB, can crop

Or select a background image to use:

Fill Color:

Use a transparent background

Banner Size:

Current dimensions: {{bannerDimensions.width}} x {{bannerDimensions.height}}px (default)

Adjust your background below so it covers the whole preview box below. You can use your mouse to drag it around and zoom in/out, or the buttons to fit the image. Try to fill the whole box! (red lines represent transparent background).

Un-tick this box if you do NOT want your uploaded image to be public (if ticked, others will be able to see and use your image once approved).

2. Background Effects / Border

Background Effects / Border

Add Effects / Colour tweaks

Color Tweaks

Brightness

Contrast

Saturation

Exposure

Blur

Color Hue

Add a Border

Border Color

Border Thickness

Corner Radius

Border Style

Dash Size

Tip: You can make your border semi-transparent by adjusting the alpha slider in Border Color.

Effects/Border Preview:

3. Add more layers

Add Extra Layers to your banner

Use the buttons below to add more layers, e.g. some text with your name on it, or links to your own youtube/twitch/skin etc. You can even add additional images on top!

Hint! When adding a new layer, you can now drag the popup boxes around the screen to see your banner better!