# Changing Unity Preloader Logo

**URL:** https://discussions.unity.com/t/changing-unity-preloader-logo/421156
**Category:** Documentation
**Created:** [August 22, 2010, 1:56am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156 "2010-08-22T01:56:05Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### Author: ![v0nni](https://avatars.discourse-cdn.com/v4/letter/v/45deac/32.png) [@v0nni](https://discussions.unity.com/u/v0nni)
#### Post date: [August 22, 2010, 1:56am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/1 "2010-08-22T01:56:05Z")

</div>

Hello.  
I just purchased unity pro. Now that I am finally able to change the logo/preloader I cannot get it to work. Seems like the 30 second logo is gone-but I cannot get the preloader to be customized. What am I doing wrong. I copy and pasted this chunk of code from here [http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html](http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html)  
but no luck. I created a .png and in photoshopped and renamed to mylogo but its not appearing. This is pretty much the reason I coughed up 1200 bucks to get rid of this…someone please assist. Do i need to create a folder or something with the .png file?

```auto
 <object id="UnityObject" classid="clsid:444785F1-DE89-4295-863A-D46C3A781394"
    width="600" height="450"
codebase="http://webplayer.unity3d.com/download_webplayer/UnityWebPlayer.cab#version=2,0,0,0">
    <param name="src" value="MyDataFile.unity3d" />
    <param name="backgroundcolor" value="A0A0A0" />
    <param name="bordercolor" value="000000" />
    <param name="textcolor" value="FFFFFF" />
    <param name="logoimage" value="MyLogo.png" />
    <param name="progressbarimage" value="MyProgressBar.png" />
    <param name="progressframeimage" value="MyProgressFrame.png" />
    <embed id="UnityEmbed" src="MyDataFile.unity3d" width="600" height="450"
        type="application/vnd.unity" pluginspage="http://www.unity3d.com/unity-web-player-2.x"
        backgroundcolor="A0A0A0" bordercolor="000000" textcolor="FFFFFF" logoimage="MyLogo.png"
        progressbarimage="MyProgressBar.png" progressframeimage="MyProgressFrame.png" />
</object>

```

---

<div class="post-metadata">

### Author: ![anon\_52220115](https://avatars.discourse-cdn.com/v4/letter/a/439d5e/32.png) [@anon\_52220115](https://discussions.unity.com/u/anon_52220115)
#### Post date: [August 22, 2010, 7:34am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/2 "2010-08-22T07:34:28Z")

</div>

If you copy/pasted that code, just make sure the png’s are in the same directory the .html file is in and named accordingly (including uppercase) to match what’s written in that code. It should work then.

---

<div class="post-metadata">

### Author: ![v0nni](https://avatars.discourse-cdn.com/v4/letter/v/45deac/32.png) [@v0nni](https://discussions.unity.com/u/v0nni)
#### Post date: [August 22, 2010, 10:18am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/3 "2010-08-22T10:18:24Z")

</div>

I managed to get the logo to change now I cant change the preloader?

---

<div class="post-metadata">

### Author: ![anon\_52220115](https://avatars.discourse-cdn.com/v4/letter/a/439d5e/32.png) [@anon\_52220115](https://discussions.unity.com/u/anon_52220115)
#### Post date: [August 22, 2010, 11:13am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/4 "2010-08-22T11:13:15Z")

</div>

> [@](#):
>
> The progressframeimage and the progressbarimage should be the same height.

Check those are named properly too, including uppercase letters, and saved in the right place with regards the location specified in the code.

---

<div class="post-metadata">

### Author: ![v0nni](https://avatars.discourse-cdn.com/v4/letter/v/45deac/32.png) [@v0nni](https://discussions.unity.com/u/v0nni)
#### Post date: [August 26, 2010, 8:04pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/5 "2010-08-26T20:04:28Z")

</div>

well whenever i try to add the preloader info in…it totally messes up everything?  
where exactly would i insert the tags? between what…and you said they need to both be the same size? can you give me an example of size…

---

<div class="post-metadata">

### Author: ![v0nni](https://avatars.discourse-cdn.com/v4/letter/v/45deac/32.png) [@v0nni](https://discussions.unity.com/u/v0nni)
#### Post date: [August 26, 2010, 8:06pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/6 "2010-08-26T20:06:08Z")

</div>

hereis my code

```auto
	<script language="javascript1.1" type="text/javaScript">
				var hasUnity = DetectUnityWebPlayer();
				var brokenUnity = false;
				if (hasUnity) {
					document.write('<object id="UnityObject" classid="clsid:444785F1-DE89-4295-863A-D46C3A781394" width="900" height="450"> \n'); 
document.write(' <param name="src" value="l.unity3d" /> \n'); 
document.write(' <param name="backgroundcolor" value="FFFFFF" /> \n'); 
document.write(' <param name="logoimage" value="http://test.com/images/test.png" /> \n'); 
document.write(' <param name="disableContextMenu" value="true" /> \n'); 
document.write(' <embed id="UnityEmbed" src="l.unity3d" width="900" height="450" type="application/vnd.unity" pluginspage="http://www.unity3d.com/unity-web-player-2.x" backgroundcolor="FFFFFF" logoimage="http://test.com/images/test.png" disableContextMenu="true" /> \n'); 
document.write('</object>');

```

---

<div class="post-metadata">

### Author: ![anon\_73885103](https://avatars.discourse-cdn.com/v4/letter/a/4af34b/32.png) [@anon\_73885103](https://discussions.unity.com/u/anon_73885103)
#### Post date: [September 24, 2010, 9:55am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/7 "2010-09-24T09:55:04Z")

</div>

hello. i am new on unity. where can i paste this code? can somebody explain please.

---

<div class="post-metadata">

### Author: ![nw-admin](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@nw-admin](https://discussions.unity.com/u/nw-admin)
#### Post date: [March 8, 2011, 12:14pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/8 "2011-03-08T12:14:20Z")

</div>

I am facing the same problem, i have licensed Unity Pro 3.x but my custom _logoimage_ for the preloader is not working, i followed this [documentation](http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html), i exported web built as, _Web Player → Offline Deployment (checked)_ and edited logoimage (in my html) with my _logo.png_

If anyone has solution please reply…  
Thanks.

---

<div class="post-metadata">

### Author: ![anon\_54227346](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@anon\_54227346](https://discussions.unity.com/u/anon_54227346)
#### Post date: [April 12, 2011, 2:57pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/9 "2011-04-12T14:57:54Z")

</div>

FYI - Mine worked using the code at this [link](http://http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html), but _only_ if I had custom images for all three images (logo, loader bar, and loader frame). When I only had an image for the logo it did not work.

---

<div class="post-metadata">

### Author: ![anon\_3816021](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@anon\_3816021](https://discussions.unity.com/u/anon_3816021)
#### Post date: [July 5, 2011, 12:28pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/10 "2011-07-05T12:28:12Z")

</div>

Hi,

I have problems to change the look of the web player progress screen as wall.  
I have a Pro license and I just want to change the background color from white to something else. Here is the HTML markup I use - nothing special:

```auto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>kPlanner</title>
		<script type="text/javascript" src="UnityObject.js"></script>
		<script type="text/javascript">
		<!--
		function GetUnity() {
			if (typeof unityObject != "undefined") {
				return unityObject.getObjectById("unityPlayer");
			}
			return null;
		}
		if (typeof unityObject != "undefined") {
			var params = {
				backgroundcolor: "000000",
				bordercolor: "000000",
				textcolor: "FFFFFF",
				disableContextMenu: true
			};
			unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d", 1024, 768, params);
		}
		-->
		</script>
		<style type="text/css">
		<!--
		body {
			font-family: Helvetica, Verdana, Arial, sans-serif;
			background-color: white;
			color: black;
			text-align: center;
		}
		a:link, a:visited {
			color: #000;
		}
		a:active, a:hover {
			color: #666;
		}
		p.header {
			font-size: small;
		}
		p.header span {
			font-weight: bold;
		}
		p.footer {
			font-size: x-small;
		}
		div.content {
			margin: auto;
			width: 1024px;
		}
		div.missing {
			margin: auto;
			position: relative;
			top: 50%;
			width: 800px;
		}
		div.missing a {
			height: 600px;
			position: relative;
			top: -300px;
		}
		div.missing img {
			border-width: 0px;
		}
		div#unityPlayer {
			cursor: default;
			height: 768px;
			width: 1024px;
		}
		-->
		</style>
	</head>
	<body>
		<div class="content">
			<div id="unityPlayer">
				<div class="missing">
					<a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
						<img alt="Unity Web Player. Install now!" src="installBG.jpg" width="1024" height="768" />
					</a>
				</div>
			</div>
		</div>
		
	</body>
</html>

```

---

<div class="post-metadata">

### Author: ![anon\_3816021](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@anon\_3816021](https://discussions.unity.com/u/anon_3816021)
#### Post date: [July 6, 2011, 12:46pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/11 "2011-07-06T12:46:42Z")

</div>

No one?

---

<div class="post-metadata">

### Author: ![appels](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/appels/32/495192_2.png) [@appels](https://discussions.unity.com/u/appels)
#### Post date: [July 6, 2011, 12:50pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/12 "2011-07-06T12:50:46Z")

</div>

[http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html](http://unity3d.com/support/documentation/Manual/Customizing%20the%20Unity%20Web%20Player%20loading%20screen.html)  
It’s all in the documentation

---

<div class="post-metadata">

### Author: ![anon\_3816021](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@anon\_3816021](https://discussions.unity.com/u/anon_3816021)
#### Post date: [July 6, 2011, 12:59pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/13 "2011-07-06T12:59:07Z")

</div>

> [@appels](#):
>
> It’s all in the documentation

I have seen this, I have tried this, and it doesn’t work. If you had a look at my HTML markup, you would see, that I put the backgroundcolor into the params, I used a 6 digit hexadecimal and I compiled my webplayer with Unity Pro. Please tell me the line in the documentation, where it says "Even if you do all the stuff, it still does not work, because of … ".  
Thanks.

---

<div class="post-metadata">

### Author: ![appels](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/appels/32/495192_2.png) [@appels](https://discussions.unity.com/u/appels)
#### Post date: [July 6, 2011, 1:17pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/14 "2011-07-06T13:17:16Z")

</div>

you must have some error, this is what i have and works perfectly :

```auto
		if (typeof unityObject != "undefined") {
			var params = {
				backgroundcolor: "000000",
				bordercolor: "FFFFFF",
				textcolor: "3300CC",
				logoimage: "logo.png",
				progressbarimage: "pb.png",
				progressframeimage: "pbf.png",
				disableContextMenu: true
			};
			unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d", 600, 450, params);
		}

```

---

<div class="post-metadata">

### Author: ![anon\_32232794](https://avatars.discourse-cdn.com/v4/letter/a/91b2a8/32.png) [@anon\_32232794](https://discussions.unity.com/u/anon_32232794)
#### Post date: [August 4, 2011, 9:06am UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/15 "2011-08-04T09:06:04Z")

</div>

I´ve got the same problem. Even if I chance all 3 images only the progress bar is accepted… Is there a special format the Logo image must have? Or a special width/height?

---

<div class="post-metadata">

### Author: ![Cascho01](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/cascho01/32/127492_2.png) [@Cascho01](https://discussions.unity.com/u/Cascho01)
#### Post date: [November 28, 2011, 1:21pm UTC](https://discussions.unity.com/t/changing-unity-preloader-logo/421156/16 "2011-11-28T13:21:35Z")

</div>

I´ve got the same problem.  
All images were changed as described in the docu.  
No changes appear at all.

In my opinion the custom images should be editable in the editor´s player settings as already done for the icon.