Small is sexy (Logo/Banner)

ckv · Post by **ckv** » Fri May 27, 2005 11:50 am

I made small 80 x 15 buttons for XnView.
I got some free time, and what I do? Logos for XnView.

These are completely free for any use.

Edit:
http://download.xnview.com/banners/
http://rapidshare.de/files/8143830/xnv_logos.zip.html

And you should still find them in Drahkens post below.

helmut · Post by **helmut** » Sat May 28, 2005 9:39 am

ckv wrote:... Note that I am not going to keep these forever in my personal homepage.
So if you are going to use these don't direct link them, copy them.

These look quite nice. Well done, ckv! I guess 80x15 is a standard banner size - right?

If you agree, we put them on our download server.

Note: I've changed your attracting subject a bit.

ckit · Post by **ckit** » Sat May 28, 2005 10:30 am

It's ckv not ckit

helmut · Post by **helmut** » Sat May 28, 2005 11:14 am

ckit wrote:It's ckv not ckit.

Right, I've corrected it. All these aliases...

Drahken · Post by **Drahken** » Sat May 28, 2005 12:21 pm

Umm... what's the difference between images 4 and 8, 5 and 9, 2 and 6, and 3 and 7? Each image in the pairs I just listed is the same color and has the same text.

btw I ran one of those pics through PNGout, and got it down to 565 bytes. That's just over half the original size. While 550 bytes isn't much, it can add up. Over a period of 1,000 views, that would be over half a meg of bandwidth saved. Over 10,000 views, that would be 5 megs of bandwidth. Pretty significant ammount for such a little pic, ain't it?

ckit · Post by **ckit** » Sat May 28, 2005 12:24 pm

Some might be 24-bit and some 32-bit (alpha blending)
You would only notice the difference on Windows XP.

Drahken · Post by **Drahken** » Sat May 28, 2005 12:46 pm

Nope, nothing to do with alpha channels. I figured it out, the first image in each pair has a black line between the logo and text, the second image in each pair doesn't.

I decreased the colors to 16 (no visible difference), and ran the pics through PNGout. The results are each about 320 bytes (the originals are around 1,160 bytes).

If the pics get used as much as you hope they will, that will add up to serious bandwidth savings.

Guest · Post by **Guest** » Sat May 28, 2005 2:19 pm

helmut wrote:These look quite nice. Well done, ckv! I guess 80x15 is a standard banner size - right?

Thanks and yes it is standard size.

helmut wrote:If you agree, we put them on our download server.

That would be great.

helmut wrote:Note: I've changed your attracting subject a bit.

Thats OK. It was miss leading anyway.

Drahken wrote:I figured it out, the first image in each pair has a black line between the logo and text, the second image in each pair doesn't.

Thats it you got it. I am perfectionist and now when I look those again those without black line looks the worst. Yesterday they looked better than logos with line.

Drahken wrote:I decreased the colors to 16 (no visible difference), and ran the pics through PNGout. The results are each about 320 bytes (the originals are around 1,160 bytes)..

I can't see them right now (damn free image hosting), but you are right I forgot optimizing them.
I updated them 16 colors and size ~320 bytes (I am still trying to find one really good comand-line program to make some optimizing)

ckv · Post by **ckv** » Sat May 28, 2005 2:27 pm

Damn I was sure that I was logged. So just to make sure, I was that Guest poster above this post. Oh well.

Right after I posted, logos in Drahken post come visible an they are couple bytes smaller so helmut upload them to the server.

helmut · Post by **helmut** » Thu Oct 27, 2005 11:08 pm

ckv wrote:Damn I was sure that I was logged. So just to make sure, I was that Guest poster above this post. Oh well. Right after I posted, logos in Drahken post come visible an they are couple bytes smaller so helmut upload them to the server.

I've just put your banners above (Drahken's verison) on the download server in directory "banners" (almost exactly 5 months after your last post

).

Having the banners in various colours is good, I think. But I wonder whether we could decide to use just 1-2 styles, only (as you can see above we currently have 4 per colour).

To be honest banners are pretty new to me and I guess that same applies for Pierre. I didn't even know about standard sizes...

ckv · Post by **ckv** » Fri Oct 28, 2005 9:11 am

helmut wrote:To be honest banners are pretty new to me and I guess that same applies for Pierre. I didn't even know about standard sizes...

More or less standard banner sizes http://www.webpencil.com/bannersizes.htm probably the most used banner is 468x60 (XnView should have one or twelve too

). The 15x80 isn't listed there, but 15x80 buttons are highly popular because they don't ruin your website layout and make it look like advertisement.

helmut wrote:Having the banners in various colours is good, I think. But I wonder whether we could decide to use just 1-2 styles, only (as you can see above we currently have 4 per colour).

[Edit]
I think these are better than than the old white buttons. Could you replace them with these?

[/Edit]

These are the ones what I would like to keep.

But I think we can leave out the other text version as well.

So which one is better? XnView or Get XnView.

Nothing but XnView don't tell much about the product, Get XnView tells that it's program. I mean when I see a button where reads Get something I instantly think it is a program and not a website or name of company.

I personally like more the look of XnView, but I also think that the Get XnView is more reasonable choice....

Hmm... Why I know all this stuff... I am so vain...

Post by **XnTriq** » Tue Nov 01, 2005 6:55 pm

ckv wrote:Hmm... Why I know all this stuff... I am so vain...

That's exactly how I feel about myself sometimes. I guess we're just a little bit geeky.

How about putting up a page similar to those:

Spread Firefox - Promotional Artwork
Spread Firefox - Get Buttons and Banners!
OpenOffice.org - Art Project
OpenOffice.org - Web Buttons
Bannertown - Parody Advertising @ chickenhead.com
Valley of the Geeks - Banner Ads We'd Like To See

Here is my take on this:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>XnView - Link to Us</title>
<base href="http://perso.wanadoo.fr/pierre.g/xnview/">
<link href="style.css" rel="stylesheet" type="text/css">
<style>
<!--
h2 { color: #b2b2b2 }
h3 { color: #666666 }
// -->
</style>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" bgcolor="#dddddd">
<table width="622" align="center" cellpadding="0" cellspacing="0" border="0">
<!--
<tr>
<td width="1"><img src="images/shim.gif" width="1" height="1"></td>
<td colspan="3" width="620"><img src="images/shim.gif" width="620" height="1"></td>
<td width="1"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="43" align="right" valign="bottom"><img src="images/commun/maincross.gif" width="3" height="10"><a href="enhome.html"><img src="images/commun/mainhome.gif" width="44" height="10" border="0"></a><img src="images/commun/mainseparator.gif" width="1" height="10"><a href="enaboutme.html"><img src="images/commun/mainabout.gif" width="67" height="10" border="0"></a><img src="images/commun/mainseparator.gif" width="1" height="10"></td>
</tr>
// -->
<tr>
<td colspan="5" width="622" height="5"><img src="images/shim.gif" width="622" height="5"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="622" height="1"></td>
</tr>
<tr>
<td width="1" height="69" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td colspan="3" width="620" height="69" bgcolor="#eeeeee"><img src="images/commun/header.gif" width="620" height="69" border="0"></td>
<td width="1" bgcolor="#000000" height="69"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
<td width="620" bgcolor="#cccccc" height="3" colspan="3" background="images/commun/tile.gif"><img src="images/shim.gif" width="620" height="3"></td>
<td width="1" bgcolor="#000000" height="3"><img src="images/shim.gif" width="1" height="3"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="620" bgcolor="#ffffff" colspan="3"><a href="enhome.html"><img src="images/commun/btnhome.gif" width="41" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"><a href="endownload.html"><img src="images/commun/btndownload.gif" width="62" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"><a href="enregister.html"><img src="images/commun/btnregister.gif" width="50" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"></td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="622" colspan="5" bgcolor="#000000" height="1"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
<td colspan="3" width="620" height="3" bgcolor="#cccccc" background="images/commun/tile.gif"><img src="images/shim.gif" width="620" height="3"></td>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="139" valign="top" bgcolor="#ffffff">
<div style="margin-top: 16px; margin-left: 16px; margin-right: 16px">
<table width="107" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2"><a href="enhome.html" class="menu"><b>Home</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennewsgroup.html" class="menu">Newsgroup</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="http://two.guestbook.de/gb.cgi?gid=369926&prot=rlvmlu" class="menu" target="_blank">Guestbook</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enlinks.html" class="menu">Links</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enmail.html" class="menu">Mail</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enaboutme.html" class="menu">About me</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="enxnview.html" class="menu"><b>XnView</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enfeatures.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enformats.html" class="menu">Formats</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enscreenshots.html" class="menu">Screenshots</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="endownload.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enhistory.html" class="menu">History</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enregister.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennews.html" class="menu">Newsletter</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enawards.html" class="menu">Awards</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="en_nconvert.html" class="menu"><b>NConvert</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncfeatures.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncdownload.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncorder.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="engfl.html" class="menu"><b>GFL SDK</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enfeaturesgfl.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enreviews.html" class="menu">What Users Say</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="endownloadgfl.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enregistergfl.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennewsgfl.html" class="menu">Newsletter</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="ray/index.html" target="_blank" class="menu"><b>Raytracing</b></a></td>
</tr>
</table>
</div>
<img src="images/shim.gif" width="139" height="16">
</td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="480" valign="top" bgcolor="#ffffff">
<div style="margin-top: 6px; margin-left: 16px"><a href="enhome.html" class="tracker">Home</a><span class="trackersep"> > </span><a href="http://download.xnview.com/banners/" class="tracker">Link to Us</a></div>
<table width="442" cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- td width="16"><img src="images/shim.gif" width="16"></td -->
<td width="12"><img src="images/shim.gif" width="12"></td>
<td width="410">
<img src="images/shim.gif" width="1" height="16"><br>
<table width="410" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">

<!-------------------------------------- banner content starts here -->

<h2>Buttons & Banners</h2>

<p>Thanks for helping spread the word about XnView.<br>
Please copy and paste the source below to link to this site.</p>
<br><br>

<h3>E-Mail Signature</h3>
Link Text: Get XnView!<br>
<textarea rows="3" cols="40"><a href="http://www.xnview.com/">Get XnView!</a></textarea><br>
E-Mail Link<br><br><br>

<h3>Buttons</h3>
<img src="36x14.gif" width="36" height="14"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="36x14.gif" width="36" height="14" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>36&times;14 Button<br><br><br>
<img src="http://download.xnview.com/banners/xn-white-1.png" width="80" height="15"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="http://download.xnview.com/banners/xn-white-1.png" width="80" height="15" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>80&times;15 Static PNG Button (0.3KB)<br><br><br>
<img src="88x31.gif" width="88" height="31"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="88x31.gif" width="88" height="31" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>88&times;31 Button<br><br><br>
<img src="110x32.gif" width="110" height="32"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="110x32.gif" width="110" height="32" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>110&times;32 Button<br><br><br>
<img src="120x60.gif" width="120" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x60.gif" width="120" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120&times;60 Button<br><br><br>
<img src="125x50.gif" width="125" height="50"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="125x50.gif" width="125" height="50" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>125&times;50 Button<br><br><br>
<img src="180x60.gif" width="180" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="180x60.gif" width="180" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>180&times;60 Button<br><br><br>

<h3>Banners</h3>
<img src="125x125.gif" width="125" height="125"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="125x125.gif" width="125" height="125" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>125&times;125 Banner<br><br><br>
<img src="120x240.gif" width="120" height="240"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x240.gif" width="120" height="240" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120&times;240 Banner<br><br><br>
<img src="300x250.gif" width="300" height="250"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="300x250.gif" width="300" height="250" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>300&times;250 Banner<br><br><br>
<img src="468x60.gif" width="468" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="468x60.gif" width="468" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>468x60 Banner<br><br><br>
<img src="120x600.gif" width="120" height="600"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x600.gif" width="120" height="600" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120x600 Banner

<!---------------------------------------- banner content ends here -->

</td>
</tr>
</table>
</td>
</tr>
</table>
<img src="images/shim.gif" width="139" height="48">
</td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" align="right"><a href="http://www.jeromequintard.com/"><img src="images/commun/author2.gif" width="99" height="6" border="0"></a></td>
</tr>
<tr>
<td colspan="5" width="622" height="24"><img src="images/shim.gif" width="1" height="24"></td>
</tr>
</table>
</body>
</html>

Don't worry, I won't be a sad XnTriq, if we can't use it.

helmut · Post by **helmut** » Thu Nov 03, 2005 9:19 pm

Thank you very much for your effort, XnTriq. The HTML looks scaring, so I did not have a look at the "XnView banner page" until just recently. Those who want to have a quick impression can directly view XnTriq's above suggestion for an XnView ads&banner page.

I really like the page and the idea and if Pierre also indicates interest, we should try to create some more banners and fill the page. Perhaps Pierre will have to take some money in his hands...

ckv and XnTriq - definetely the coolest geeks in this forum. ckv, your avatar needs sunglasses.

Post by **xnview** » Fri Nov 04, 2005 8:08 am

helmut wrote:Thank you very much for your effort, XnTriq. The HTML looks scaring, so I did not have a look at the "XnView banner page" until just recently. Those who want to have a quick impression can directly view XnTriq's above suggestion for an XnView ads&banner page.

I really like the page and the idea and if Pierre also indicates interest, we should try to create some more banners and fill the page. Perhaps Pierre will have to take some money in his hands...

Yes i can add such page on my website

Post by **XnTriq** » Thu Mar 30, 2006 10:55 pm

Who knew?! We had official banners all along: xnview2.gif & xnview3.gif

XnView Software

Small is sexy (Logo/Banner)

Small is sexy (Logo/Banner)

Re: Small is sexy

Re: Small is sexy