transparent logo file for website use? - ehMac.ca
Facebook
Twitter
YouTube
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Reply
 
LinkBack Thread Tools Display Modes
Old Aug 16th, 2010, 12:01 AM   #1
Full Citizen
 
Join Date: Aug 2003
Location: Manitoba
Posts: 197
transparent logo file for website use?

I've designed most of my logos as B&W and two spot colour VECTOR files using Freehand 11.
I can export them as vector EPS files for use in two colour stationery print jobs. The background stays transparent and they can be placed on coloured backgrounds. Works great for my use.

When I convert them to TIFF files in Photoshop for use in 4 colour print jobs, they get rasterized to CMYK. I can give my customers the same TIFF files for their use in their PC MS Word documents. Of course, large TIFF logos can become large file sizes.

In the past I've also converted the vector logo to JPEG files for a customer's use on their website (I'm not a web designer). However, the logos then get white boxes around them when used on a coloured background. No problem on a white background.

How can I prepare a RGB logo for a customer to use on their website with a transparent background? No white box around the logo wanted!
Raven is offline   Reply With Quote
Sponsored Links
Advertisement
 
Old Aug 16th, 2010, 12:10 AM   #2
Honourable Citizen
 
Gerbill's Avatar
 
Join Date: Jul 2003
Location: Surrey, BC
Posts: 2,442
You need to use a different file format that supports transparency. The commonest would be GIF, but you can also use the newer PNG format. With Photoshop, it's a breeze.

Incidentally, if the Web page background is a solid colour, you can get the same effect by making the background of the logo exactly the same colour.
__________________
"I don't know the key to success, but the key to failure is trying to please everybody."
- Bill Cosby
Gerbill is offline   Reply With Quote
Old Aug 16th, 2010, 01:42 AM   #3
Full Citizen
 
Join Date: Aug 2003
Location: Manitoba
Posts: 197
The customer only wants one logo to use on his website. Background colours may change, so a logo with a transparent background is the best option.

Are PNG files usable for Macs and Windows?
What file size at 72 dpi would be best to send him to have the logo viewed quickly but look sharp and clear?
Raven is offline   Reply With Quote
Old Aug 16th, 2010, 08:34 AM   #4
Full Citizen
 
Join Date: Aug 2007
Location: Granville Ferry, NS
Posts: 890
For transparency, you'll need to output as either a .png or a .gif. I think the white box you are referring to is the matte around the image. It doesn't need to be white, you actually want to change it to match the colour of the background the image is going to be set against. If your logo has a lot of colour complexity, you can save it out as a png 24 format which offers a greater colour complexity (think transparent jpg) but there are browsers that don't support if natively, yet.

You have two options. You will need to know the background colour of the of where the logo wil sit, and save out the file with that colour matte. Or, you can provide the web developer with an .eps file and they can save it out in whatever colour they need for the site. That's what most would do as it gives the developer an option to resize and fit as well.
johnnyspade is offline   Reply With Quote
Old Aug 16th, 2010, 11:01 AM   #5
reformed
 
groovetube's Avatar
 
Join Date: Jan 2003
Posts: 13,139
Quote:
Originally Posted by johnnyspade View Post
For transparency, you'll need to output as either a .png or a .gif. I think the white box you are referring to is the matte around the image. It doesn't need to be white, you actually want to change it to match the colour of the background the image is going to be set against. If your logo has a lot of colour complexity, you can save it out as a png 24 format which offers a greater colour complexity (think transparent jpg) but there are browsers that don't support if natively, yet.

You have two options. You will need to know the background colour of the of where the logo wil sit, and save out the file with that colour matte. Or, you can provide the web developer with an .eps file and they can save it out in whatever colour they need for the site. That's what most would do as it gives the developer an option to resize and fit as well.


last is the best option. The web guy will deal with it.
__________________
.
groovetube is online now   Reply With Quote
Old Aug 16th, 2010, 12:23 PM   #6
Full Citizen
 
Join Date: Aug 2003
Location: Manitoba
Posts: 197
I'm still a bit confused about your suggestions...

The customer is a Ski Club. This web guy is a PC user and amateur web manager. He asked for a 300 dpi jpg, which I know is too high res for web use. He's using the logo over a colour photo plus on other web pages. Does he have to change the background each time he uses the logo?

If this was print production, a Freehand vector eps would allow for total transparency around the two colour logo on ANY coloured background. I thought you couldn't use eps files for web? That it had to be jpeg or gif. How would they look on top of a photo?

Here is the logo...
Attached Images
File Type: jpg MMt Logo Vt 4c Sm.jpg (33.6 KB, 28 views)
Raven is offline   Reply With Quote
Old Aug 16th, 2010, 12:25 PM   #7
Full Citizen
 
Join Date: Aug 2003
Location: Manitoba
Posts: 197
Is there a way to show the logo in my post without having to open it as a separate attachment?
Raven is offline   Reply With Quote
Old Aug 16th, 2010, 12:44 PM   #8
reformed
 
groovetube's Avatar
 
Join Date: Jan 2003
Posts: 13,139
yes. Tell him to use the eps. (Or transparent png)

Some web guys just have to be -told- what to do.
__________________
.
groovetube is online now   Reply With Quote
Old Aug 16th, 2010, 08:55 PM   #9
Full Citizen
 
Join Date: Aug 2007
Location: Granville Ferry, NS
Posts: 890
You can't use an .eps file for the web. What you're doing is giving him the .eps file so that he can save out the file in whatever format he likes. If the transparency needs to be preserved, he is going to have to save out the file as a .png or .gif with a similar colour matte to the background he's putting it on. Better he does this than you.

Now all that being said, that logo isn't going to look great against a number of backgrounds anyway, so you may just want to scrap the transparent idea altogether. You could just put it against a white background and send him the .gif or .png.
johnnyspade is offline   Reply With Quote
Old Aug 16th, 2010, 09:22 PM   #10
reformed
 
groovetube's Avatar
 
Join Date: Jan 2003
Posts: 13,139
I think that was exactly what I was suggesting...
__________________
.
groovetube is online now   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
*** ehMac Logo Design Contest! WIN $600 Cool Prize! *** ehMax Anything Mac 42 May 30th, 2009 11:48 PM
Can't play downloaded Flash file krs Mac, iPhone, iPad and iPod Help & Troubleshooting 4 May 1st, 2009 08:39 AM
Missing unzipped file webconforme Mac, iPhone, iPad and iPod Help & Troubleshooting 2 May 30th, 2006 08:27 PM
Extracting audio from a mixed Aud/Vid Quicktime file Banny Anything Mac 5 May 28th, 2006 06:36 PM
Deleting File from Trash - Error 127 kbradbeer Mac, iPhone, iPad and iPod Help & Troubleshooting 17 Jan 27th, 2003 12:06 PM


All times are GMT -4. The time now is 06:43 PM.



Copyright © 1999 - 2012, ehMac.ca All rights reserved. ehMac is not affiliated with Apple Inc. Mac, iPod, iTunes, iPhone, Apple TV are trademarks of Apple Inc. Content Relevant URLs by vBSEO 3.6.0 RC 2

Tribe.ca: Urban living in Toronto!