Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Gif vrs. png, text issues

Reply
Thread Tools

Gif vrs. png, text issues

 
 
Timothy
Guest
Posts: n/a
 
      01-02-2005
Good day. I'm really having issues with graphics today. The goal is to
have a web banner that is transparent, that shows the web page background.
This issues that I've found is that IE will not support the transparent
..png file correctly and creates a white background that looks really bad.
I re-created the banner in .gif format, but the text comes out badly and
the over all look is poor. I have a real need to have the banner look nice
with the text, and for it to be IE display it correctly. Examples can be
found on the page, address below in sig.
Thanks for the help.

--
Yard Works Gardening Co.
http://www.ywgc.com
 
Reply With Quote
 
 
 
 
paul
Guest
Posts: n/a
 
      01-02-2005
Timothy wrote:

> Good day. I'm really having issues with graphics today. The goal is to
> have a web banner that is transparent, that shows the web page background.
> This issues that I've found is that IE will not support the transparent
> .png file correctly and creates a white background that looks really bad.
> I re-created the banner in .gif format, but the text comes out badly and
> the over all look is poor. I have a real need to have the banner look nice
> with the text, and for it to be IE display it correctly. Examples can be
> found on the page, address below in sig.
> Thanks for the help.



You'll need to flatten the text layer over a similar colored green
background (can't have that white) & leave a transition area to soften
the jaggies.

PS that background image didn't load until quite a while later so use
that same green as a background color also even after compressing the
image heavily to load quicker.
 
Reply With Quote
 
 
 
 
Al Jones
Guest
Posts: n/a
 
      01-02-2005
On Sun, 02 Jan 2005 13:06:34 -0800, Timothy <>
wrote:

> Good day. I'm really having issues with graphics today. The goal is to
> have a web banner that is transparent, that shows the web page
> background.
> This issues that I've found is that IE will not support the transparent
> .png file correctly and creates a white background that looks really bad.
> I re-created the banner in .gif format, but the text comes out badly and
> the over all look is poor. I have a real need to have the banner look
> nice
> with the text, and for it to be IE display it correctly. Examples can be
> found on the page, address below in sig.
> Thanks for the help.
>


Also check the text in your boxes closer ... you have several missing
words, missed plurals / posessives, etc....

eg. 'Yard Works Gardening Co. offer weekly mowing schedules and also offer
a' ... you're speaking about the company.. singular, so 'offer' in both
cases should be 'offers'

'with the health of as the prime objective' -> 'health of the *tree?* as
the prime objective'

also, your menu's broke on ../resources.html (presume you knew that).

Other than the banner, which is what you're working on, and the slow load
of the image your site looks sharp.

---
revolutionary e-mail client: http://www.opera.com/mail/
 
Reply With Quote
 
Timothy
Guest
Posts: n/a
 
      01-02-2005
On Sun, 02 Jan 2005 16:25:55 -0600, Al Jones wrote:

> On Sun, 02 Jan 2005 13:06:34 -0800, Timothy <>
> wrote:
>
>> Good day. I'm really having issues with graphics today. The goal is to
>> have a web banner that is transparent, that shows the web page
>> background.
>> This issues that I've found is that IE will not support the transparent
>> .png file correctly and creates a white background that looks really
>> bad. I re-created the banner in .gif format, but the text comes out
>> badly and the over all look is poor. I have a real need to have the
>> banner look nice
>> with the text, and for it to be IE display it correctly. Examples can be
>> found on the page, address below in sig. Thanks for the help.
>>
>>

> Also check the text in your boxes closer ... you have several missing
> words, missed plurals / posessives, etc....
>
> eg. 'Yard Works Gardening Co. offer weekly mowing schedules and also offer
> a' ... you're speaking about the company.. singular, so 'offer' in both
> cases should be 'offers'
>
> 'with the health of as the prime objective' -> 'health of the *tree?* as
> the prime objective'
>
> also, your menu's broke on ../resources.html (presume you knew that).
>
> Other than the banner, which is what you're working on, and the slow load
> of the image your site looks sharp.
>



The text in the boxes is not the final text. I just needed to have filler
text that was close to the final text. My wife will clear the text issues
latter tonight. She way better at that stuff than I.

The resources.html works locally for me. Unsure what the problem is with
that. Do you get a 404 error.. or?

Thanks for looking at the page and giving me feedback.

--
Yard Works Gardening Co.
http://www.ywgc.com
 
Reply With Quote
 
Timothy
Guest
Posts: n/a
 
      01-02-2005
On Sun, 02 Jan 2005 14:10:25 -0800, paul wrote:

> Timothy wrote:
>
>> Good day. I'm really having issues with graphics today. The goal is to
>> have a web banner that is transparent, that shows the web page
>> background. This issues that I've found is that IE will not support the
>> transparent .png file correctly and creates a white background that
>> looks really bad. I re-created the banner in .gif format, but the text
>> comes out badly and the over all look is poor. I have a real need to
>> have the banner look nice with the text, and for it to be IE display it
>> correctly. Examples can be found on the page, address below in sig.
>> Thanks for the help.

>
>
> You'll need to flatten the text layer over a similar colored green
> background (can't have that white) & leave a transition area to soften the
> jaggies.
>
> PS that background image didn't load until quite a while later so use that
> same green as a background color also even after compressing the image
> heavily to load quicker.


Thanks for your input. You have helped greatly.
I've played with the background a bit and lowered the leaf to give the
banner more space. I'll just make the banner a .png and not stress about
IE. The banner no longer will over lap the green areas of the background.

I also gave the body css a green background, hopefully this will help
with the whiteness of the page untill the background loads.

I also compressed the background image to 97.6 kB. This will hopefully
help the load times. The site is hosted on my own box with 30 KBs up
speed. I understand that this is barebones for serving, but it's a small
compainy and my area I'm serving for is small also. Besides... the 56K'ers
will never notice the difference..lol

Thanks for the tips and your time.


--
Yard Works Gardening Co.
http://www.ywgc.com
 
Reply With Quote
 
Steve Pugh
Guest
Posts: n/a
 
      01-02-2005
Timothy <> wrote:
>On Sun, 02 Jan 2005 14:10:25 -0800, paul wrote:
>
>> PS that background image didn't load until quite a while later so use that
>> same green as a background color also even after compressing the image
>> heavily to load quicker.

>
>I also compressed the background image to 97.6 kB.


Nearly 100kb for one image? You should be aiming to have your whole
home page be smaller than 100kb.

Steve

 
Reply With Quote
 
Al Jones
Guest
Posts: n/a
 
      01-02-2005
On Sun, 02 Jan 2005 14:37:31 -0800, Timothy <>
wrote:

> On Sun, 02 Jan 2005 16:25:55 -0600, Al Jones wrote:
>
>> On Sun, 02 Jan 2005 13:06:34 -0800, Timothy <>
>> wrote:
>>
>>> Good day. I'm really having issues with graphics today. The goal is to
>>> have a web banner that is transparent, that shows the web page
>>> background.
>>> This issues that I've found is that IE will not support the transparent
>>> .png file correctly and creates a white background that looks really
>>> bad. I re-created the banner in .gif format, but the text comes out
>>> badly and the over all look is poor. I have a real need to have the
>>> banner look nice
>>> with the text, and for it to be IE display it correctly. Examples can
>>> be
>>> found on the page, address below in sig. Thanks for the help.
>>>
>>>

>> Also check the text in your boxes closer ... you have several missing
>> words, missed plurals / posessives, etc....
>>
>> eg. 'Yard Works Gardening Co. offer weekly mowing schedules and also
>> offer
>> a' ... you're speaking about the company.. singular, so 'offer' in both
>> cases should be 'offers'
>>
>> 'with the health of as the prime objective' -> 'health of the *tree?* as
>> the prime objective'
>>
>> also, your menu's broke on ../resources.html (presume you knew that).
>>
>> Other than the banner, which is what you're working on, and the slow
>> load
>> of the image your site looks sharp.
>>

>
>
> The text in the boxes is not the final text. I just needed to have filler
> text that was close to the final text. My wife will clear the text issues
> latter tonight. She way better at that stuff than I.
>
> The resources.html works locally for me. Unsure what the problem is with
> that. Do you get a 404 error.. or?
>
> Thanks for looking at the page and giving me feedback.
>

I was hoping that you wouldn't be insulted since this isn't
alt.html.critique' I'm looking at it on a narrow screen ... the word
'area' appears below the word 'resource' in a second box. (why'd you
change it from resource as on the other screens, btw, trying to confuse
me??) I think that if you were to move your borders in you'd probably see
what I'm talking about.
Nope, that doesn't change it ... I'm running Opera with my display set at
1280 x 1024 and just took it full screen ... the word area still appears
below the word recources. (Same thing on IE 6 at full screen... and not
to be out done, same thing on Mozilla FireFox)

And for what it's worth, *I* like the white background above the leaf,
behind the text ....

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
 
Reply With Quote
 
Timothy
Guest
Posts: n/a
 
      01-02-2005
On Sun, 02 Jan 2005 22:54:19 +0000, Steve Pugh wrote:

> Timothy <> wrote:
>>On Sun, 02 Jan 2005 14:10:25 -0800, paul wrote:
>>
>>> PS that background image didn't load until quite a while later so use
>>> that same green as a background color also even after compressing the
>>> image heavily to load quicker.

>>
>>I also compressed the background image to 97.6 kB.

>
> Nearly 100kb for one image? You should be aiming to have your whole home
> page be smaller than 100kb.
>
> Steve


Thanks for the reply Steve. I went to:
http://www.websiteoptimization.com/services/analyze/
and ran the test...WoW. If was a lot bigger than I thought. I've
compressed all the images as small as I could with out loosing too much
quality and I'm still at 113502 bytes. I don't think that I can compress
any more with out loosing the graphics quality..?

Thanks for pointing out the size issue, that's helped a lot.


--
Yard Works Gardening Co.
http://www.ywgc.com
 
Reply With Quote
 
Mitja
Guest
Posts: n/a
 
      01-03-2005
On Sun, 02 Jan 2005 13:06:34 -0800, Timothy <>
wrote:

> This issues that I've found is that IE will not support the transparent
> .png file correctly and creates a white background that looks really bad.
> I re-created the banner in .gif format, but the text comes out badly and
> the over all look is poor. I have a real need to have the banner look
> nice with the text, and for it to be IE display it correctly.


You can
- leave it all as it is, losing the need for transparency
- use a gif which is antialiased with a pale background color, so the
transparency area edges won't look jagged
- use a png and google for ie png alpha transparency filter

HTH

--
Mitja
 
Reply With Quote
 
paul
Guest
Posts: n/a
 
      01-03-2005
Mitja wrote:

> On Sun, 02 Jan 2005 13:06:34 -0800, Timothy <>
> wrote:
>
>> This issues that I've found is that IE will not support the transparent
>> .png file correctly and creates a white background that looks really bad.
>> I re-created the banner in .gif format, but the text comes out badly and
>> the over all look is poor. I have a real need to have the banner look
>> nice with the text, and for it to be IE display it correctly.

>
>
> You can
> - leave it all as it is, losing the need for transparency
> - use a gif which is antialiased with a pale background color, so the
> transparency area edges won't look jagged


Actually now you can just use an opaque white background GIF since it
doesn't overlap the green. The vast majority of viewers will see the
jaggy version in IE.

I don't know why but the title image displays larger in IE than Mozilla.

> - use a png and google for ie png alpha transparency filter
>
> HTH
>

 
Reply With Quote
 
 
 
Reply

Thread Tools

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 On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
two issues more to go 1)background img 2.) animated .gif ... shajnday HTML 14 08-07-2010 07:57 AM
Freeware to make animated GIF (can Irfanview make an animated GIF?) Annu Pai Digital Photography 4 11-23-2009 12:52 AM
Re: filename.gif or filename.gif.jpg? Bergamot HTML 0 05-30-2008 02:56 PM
Re: filename.gif or filename.gif.jpg? Beauregard T. Shagnasty HTML 1 05-30-2008 01:23 PM
How to convert a base 64 encoded GIF image to a *.gif file? hb ASP .Net 6 09-28-2004 08:24 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57