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.
Already have a banner image and just want to add links? Use the Banner Link Adder.
Minimum recommended resolution: 600x190px
.png or .jpg/jpeg only, Max 5MB, can crop
Current dimensions: {{bannerDimensions.width}} x {{bannerDimensions.height}}px (default)
Brightness
Contrast
Saturation
Exposure
Blur
Color Hue
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!
Enter the text you want to add (you can press enter to go onto a new line). Text options can be re-edited later after clicking Done.
Note: Your currently selected font does not support numbers (they appear as symbols instead). Sorry for the inconvenience.
Make this text layer a link
An area link adds a link over a general area of your banner background. This is usefull for 'collab' type banners with links to multiple osu profiles.
Note: area links can be resized/moved by dragging on your banner preview.
No layers added yet. Get started using the buttons above.
Hint: to change the size of any layer, hover your mouse over it on the preview and scroll your mouse wheel.
If you're still waiting after a minute, chances are there's an issue with the servers due to excessive load right now! Please try refreshing or come back later.
Upload your Image:
.png or .jpg/jpeg only, Max 2MB, can crop
Sorry, the file is of an invalid file type or is too large. Please try resizing it first before re-uploading.
Instructions: Drag and resize the blue square over the region you want to crop to. Use the mouse wheel to zoom and use the controls to flip/rotate. Double click the background image to move it around. Click done when you're ready to continue.
Add a Layer URL (optional):
Right click and click 'Save As' to save the full banner image to your computer. Note: if you have added any links to your banner, use the profile code shown below to display the links.
Copy and paste the BB code into your osu! profile to add your banner with any links added. Note: you need to use this code for any links to display on your profile banner.
Rate it:
Feel free to leave any suggestions/ideas you might have to improve the baner maker, or bugs encountered. Your feedback is highly appreciated!
Are you sure you want to delete your uploaded background image?