Argh... Should I use JPEG, GIF, Tiff or PNG in my site?

[LimedDesign]

Two quick questions for you my little freeeends.

1. Which of the these formats (JPEG, GIFF, TIFF, or PNG) should I use on my portfolio webpage. It's graphic intensive, but not in the cluttered way, and I don't want it to take forever to load but want it to show my true colors and sharpness. So, the question is, which one offers the best size/quality ratio?

2. I'm new to webdesign and I was wondering how used PNG's are in the website world? Do most browsers read and support PNGs? Thanks so much!

[Akewz]

Well, to answer your question as simply as possible...

If you're just posting pictures that are graphic intensive, .jpg's are the way to go. They have the best compression and look good while keeping the file size down.
.Gif's work well too, but are better for making things like buttons and other graphics that you might want a transparent background on. .Gif's are also good if you have a file that doesn't have many colors.

Png's are good if you want a graphic that is very 'filtered', or color intensive with a transparent background.
The problem with a .png over a .gif is that the file size will be much larger, so you should use then sparingly.

I do a majority of my web design in flash, so I always find myself using a combination of the three.
If I have a graphic that I made in photoshop that has things like a drop shadow or other blended options, but also needs a transparent background, .png is the way to go. Sometimes I can get away with a .gif, but the edges are never what you want them to be.

Overall, there's is no best all around format to use. It's always better to find the best combination of the three to make your site the best it can be.
As far as .tiff's go... I've never used on on a web site since there's no need for them. Perhaps someone else can give you a reason as to why you should, or shouldn't use them.


<embed src="http://www.akewz.com/gdforumbanner.swf" height="150" width="300" quality="high" loop="infinite" TYPE="application/x-shockwave-flash" PLUGINSPAGE="www.macromedia.com/shockwave/download/index.cgiP1_Prod_Version=Shockwaveflash">

[Ryan8720]

Tiff is not a Web format, neither is BMP. Both of those should not be used on a Web site. Browsers are not made to display them. And thier file size is far too big.

PNG is not always a bigger file than GIF. A PNG is like a JPG in that it supports the full spectrum of color. But it's like a GIF in that it supports transparency. PNG also supports alpha transparency to you can have semi-opaque images. However, IE doesn't support alpha transparency.

The bottom line is that you should make good use of Photshop's Save for Web dialog and see how the different formats affect the image until you have a good ratio of quality to file size.

Personally, I only use JPGs for photographs. Anything else that has a large amount of colors I use PNG and everthing else is GIF.

http://www.edgewebdesign.org/images/misc/ryan_shadowmetal.gif (http://www.edgewebdesign.org)

http://www.spreadfirefox.com/community/images/affiliates/Buttons/80x15/white_1.gif (http://www.spreadfirefox.com/?q=affiliates&id=30444&t=82')

[Keyare]

What ^^he said

http://home.comcast.net/~rnick9/xtroll.jpeghttp://home.comcast.net/~rnick9/xtroll.jpeg
Hunt for trophy black bear, cougar, deer, mountain goat or forest trolls at bracewell's hunting lodge. http://bracewell.com

[mac]

^DOuble that^
Transparencies use gif
otherwise use jpeg

'Saying I'm Happy when I'm not'

[Akewz]

Ryan said...
Tiff is not a Web format, neither is BMP. Both of those should not be used on a Web site. Browsers are not made to display them. And thier file size is far too big.

PNG is not always a bigger file than GIF. A PNG is like a JPG in that it supports the full spectrum of color. But it's like a GIF in that it supports transparency. PNG also supports alpha transparency to you can have semi-opaque images. However, IE doesn't support alpha transparency.

The bottom line is that you should make good use of Photshop's Save for Web dialog and see how the different formats affect the image until you have a good ratio of quality to file size.

Personally, I only use JPGs for photographs. Anything else that has a large amount of colors I use PNG and everthing else is GIF.

I guess It's my fault for being lazy, or perhaps I didn't realize that I had to be so specific, but basically you said pretty much what I said, but with a heavy dose of your own opinion.
Unfortunately you were wrong about a few things ...allow me to elaborate.

BMP, or bitmap as it's commonly known, is actually a web format. Although with the introduction of better compressed file types such as .jpeg's and .gif's, bitmaps are still used in web design. The most notable program being Flash. When an image is imported into the Flash working environment, it is referred to as a bitmap image.
BMP files were originated for Windows 3.0 and later, which means that indeed it was a web based image file from the start. I do understand that the output files from flash are vector based, although the images while still in Flash are considered bitmaps.

The TIFF is a bitmap file format for images, created by Aldus for use with PostScript printing and now controlled by Adobe. TIFF became the de facto standard graphics format for high bit-depth (32-bit) graphics, and is widely used in image manipulation programs like Photoshop, DTP, scanners, and can be directly manipulated by PostScript.
TIFF includes a number of options that can be used to include all sorts of image formats in the file; this is the purpose of the 'tags' that are included in the header. Many of these tags indicate the simple geometry of the image, like its size, but others define how the data is arranged and various compression options. For instance, TIFF can be used as a container for JPEG or RLE (Run-length encoding) compressed images, and in this respect is completely universal.
TIFF's are also used in the transferring of images between 3-D programs and image editing programs.

So, to say that a TIFF or BMP are not web based formats and browsers are not made to display them is in fact wrong. Perhaps what you meant to say was that these file types are fairly obsolete in the web design field since the introduction of better compression and display formats.

Thirdly, While you are somewhat right about IE not displaying alpha transparencies properly, you're wrong to say that it doesn't at all.
For this function to work, you will need to be able to capture the web page's browser output into a PHP variable. To accomplish this, simply follow the steps below, and everything should work as expected.

Save the function into a file named 'replacePngTags.php'
At the top of the files that you want to use this function with, paste the following code:

<?php ob_start(); ?>

Now, at the bottom of this file, paste the following lines of code:

<?php
include_once 'replacePngTags.php';
echo replacePngTags(ob_get_clean());
?>

You should also realize that if the replacePngTags.php is not found within your server's include path for PHP, you will have to adjust the include line.
If the file in question is not a file that is already being parsed as PHP, you will have to make an adjustment. For this code to work, the web server needs to see this as a PHP file, or the code will simply display on the page. To do this, you have a couple options:

* Change the file's extension from .html (or other) to .php or something that your web server will parse. This will depend on your server's configuration.
* Another option is to tell the server to parse the file extension as PHP. There are drawbacks to this, but I won't get into that here. For the Apache Web Server, this can be accomplished by adding a file called '.htaccess' in the directory with the following line in it:

AddType application/x-httpd-php .html

Not all Apache web servers will have the option of using .htaccess files.

Now, I'm not usually one to get into a pissing contest over such things, but I feel that if someone is going to start dropping 'the bottom line', one should be informed as to what one is talking about.
I think in most cases people post their answers with the assumption that the person asking the question has some idea about what they're doing. in most cases the question tends to not be very specific, so in my case, I tend not to get bogged down in details, which is why I left most of the other stuff out, however, when someone comes along with that air of righteousness, but a lack of information, that's when I have to step in and be more specific, as I was here.

I'm in no way trying to say I'm better than you or anything like that, but as I said, if you're going to start dropping 'bottom lines' you should know what you're talking about.
I certainly don't know everything there is to know about design and formats, but I am sure that if I'm going to answer a question, I wont start saying things that I'm not sure of.
If you find anything wrong with what I said, please let me know. I'm always open to learning new things.

[D-Zine]

Akewz...wow...but hold up...I don't think Ryan was having an 'air of righteousness'...just stating what he knew. It's ok to disagree with someone or even correct them because we are always learning on this forum, but I think you could have left out the 'righteousness, etc.' part.

Boobie Island or Bust!

[Akewz]

You're probably right... Chalk it up to a bad day I guess.
I really wasn't trying to be mean, but after re reading it, I guess it does come off a little sour.

There was just something about the 'matter of factness' to his post that made me feel like
he thought he was stepping in to clean up my mess.
I guess I might have read his post and projected some ill feeling onto it based on a few client interactions I had today.

Believe me, I definitely did NOT join this forum to argue with anyone.

I apologize Ryan, if I came off the wrong way... sincerely

I'll be sure to edit out the uglyness.

[Ryan8720]

Akewz said...
So, to say that a TIFF or BMP are not web based formats and browsers are not made to display them is in fact wrong. Perhaps what you meant to say was that these file types are fairly obsolete in the web design field since the introduction of better compression and display formats.

That is what I meant. Although I have never seen a tiff used on the Web. And I hate to see BMPs used so I usually just say they aren't Web formats for simplicity.

Akewz said...
Thirdly, While you are somewhat right about IE not displaying alpha transparencies properly, you're wrong to say that it doesn't at all.
For this function to work, you will need to be able to capture the web page's browser output into a PHP variable. To accomplish this, simply follow the steps below, and everything should work as expected.

I am aware that PHP can be used to correct the problem in IE. I guess I meant that IE doesn't support alpha transparency without help.

I didn't mean to come off as a smartass or to 'clean up your mess'. I actually meant to refer back to post with at one point, but then I got lazy.

I do think my 'bottom line' was practical advice though.

http://www.edgewebdesign.org/images/misc/ryan_shadowmetal.gif (http://www.edgewebdesign.org)

http://www.spreadfirefox.com/community/images/affiliates/Buttons/80x15/white_1.gif (http://www.spreadfirefox.com/?q=affiliates&id=30444&t=82')

[Ulysses]

Just a word of caution LimedDesign ... be sure that your image creation software has legal rights to export/create gif files, if you plan to use gif that is. Adobe and Macromedia software is fine ... but not all software has applied for the legal right to use the gif format, under it's new owners. It is much safer to go with png if you can, so to avoid any legal headaches.

Anyways, my 2 cents worth is: generally, jpg creates closer-to-original photo images (realistic and busy images, ie; trees, floral landscapes - pictures with a wide rangs of colours, and generally lacking much high-contrast). High-contrast images such as line drawings and scans of letterheads etc, work best using png. You generally don't need to consider anything else (particularly for ccompliance sake). And as Ryan said ... Photoshop's Web Export facility is the 'creme de la creme' (if you have access to it that is).

[axoi]

The GIF patent expired sometime in 2002 or 2003, at least in the USA. Its still in effect in other countries for a year or two. Just an FYI.

Unfortunately IE will not correctly display all PNG files. If you are using PNG them you need to test it on IE.

- Bill

[Broacher]

Geez, maybe you guys didn't join this forum to argue archane things like format standards, but I sure did.

See, you're both wrong.

>>these file types are fairly obsolete in the web design field since the introduction of better compression and display formats.<<
>>Although I have never seen a tiff used on the Web<<

TIFFs are viewed daily on the web--probably by just about everyone. Or at least everyone with the Acrobat plugin installed. Adobe uses the CCITT compression format for single bit images in PDF, and for a very good reason-- the compression is absolutely astounding compared to anything else (pixel per pixel). Which ofen has made me WISH that browsers would add TIFF CCITT compression compability to the list of supported image formats.

As to TIFF obsolescence-- ever since Photoshop 6, Adobe has cranked open the TIFF 'open architecture' wide, wide open, which means that a Photoshop Layered TIFF now can contain virtually everything that a grayscale, RGB, or CMYK Photoshop PSD file can AND maintain compatability with applications as old as PageMaker 6.5. This virtually adds multi-layer, and correction support to apps that were previously limited to 'flattened' placed images. Not only that, but if you shut off all the layer previews of a layered TIFF file prior to shipping, it'll still be about half as big as an equivalent PSD. Interesting.

[Akewz]

Well Broacher, perhaps you should go back and actually READ what I wrote. I know, I know... it's hard when you're just dying to make a point, but really, I think if you read AND comprehend using context clues, you'll notice that I never said what you're implying I said... you've taken a small piece of what I said and pulled it out of context in an attempt to make your point.
If you go back and look at what I said, you'll notice that I stated that MAYBE that's what Ryan was trying to say. NO?
Because I also see that I said TIFF's were completely UNIVERSAL.
Don't jump the gun and half quote me if my full quote doesn't fit your needs. It's lazy.
I'll show you how it works:

You said:
'TIFFs are viewed daily on the web--probably by just about everyone. Or at least everyone with the Acrobat plugin installed. Adobe uses the CCITT compression format for single bit images in PDF, and for a very good reason-- the compression is absolutely astounding compared to anything else (pixel per pixel). Which ofen has made me WISH that browsers would add TIFF CCITT compression compability to the list of supported image formats.'

Now, while I'm not going to disagree with you, your statement shows just how much you DIDN'T actually read the whole thread.
From the start the question was about WEB DESIGN and file formats for WEB DESIGN, not PDF’s, or WHERE the said files were useful.
While PDF's are most frequently used to display documents online, they are not a form of WEB DESIGN. There is a pretty big difference between the two, or at least as far as the original question goes.
Go try to put a plain HTML document in a PDF and tell me what happens.
And please, minus the semantics, explain to all of us how the two are the same, ESPECIALLY in the context of this thread.

You also said:
'As to TIFF obsolescence-- ever since Photoshop 6, Adobe has cranked open the TIFF 'open architecture' wide, wide open, which means that a Photoshop Layered TIFF now can contain virtually everything that a grayscale, RGB, or CMYK Photoshop PSD file can AND maintain compatability with applications as old as PageMaker 6.5. This virtually adds multi-layer, and correction support to apps that were previously limited to 'flattened' placed images. Not only that, but if you shut off all the layer previews of a layered TIFF file prior to shipping, it'll still be about half as big as an equivalent PSD. Interesting.'


Ok, again I'm going to have to ask you to refer back to my full statement, and not the small portion you extracted in an attempt to make a point... wait, I'll just paste it here for you in its entirety, since you can't be trusted with such a nominal task.

'The TIFF is a bitmap file format for images, created by Aldus for use with PostScript printing and now controlled by Adobe. TIFF became the de facto standard graphics format for high bit-depth (32-bit) graphics, and is widely used in image manipulation programs like Photoshop, DTP, scanners, and can be directly manipulated by PostScript.
TIFF includes a number of options that can be used to include all sorts of image formats in the file; this is the purpose of the 'tags' that are included in the header. Many of these tags indicate the simple geometry of the image, like its size, but others define how the data is arranged and various compression options. For instance, TIFF can be used as a container for JPEG or RLE (Run-length encoding) compressed images, and in this respect is completely universal.
TIFF's are also used in the transferring of images between 3-D programs and image editing programs.'

Wow, that kinda looks like I said what you resaid, doesn't it? I'm sorry though, I apparently had no clue that I would have to write a thesis about file formats whenever I tried to answer a simple question.

If you go all the way back to my very fist post in this thread, you'll see that I started out with the phrase:
'Well, to answer your question as simply as possible...'
And I'm pretty sure that's what I did, however like I said, at the time I was completely unaware that I would have to spend a few hours making sure I satisfied EVERYONE here who knew a little something about the topic. I was laboring under the impression that I was answering a question for LimeDesign... who by the way I hope has benefited greatly from this. If anything LimeDesign should now be a master when it comes to formatting graphics for web design

I digress, I guess I learned something here as well, and the lesson is; stop posting answers to questions if you're not going to write an e-book about the subject.


You also said:
'Geez, maybe you guys didn't join this forum to argue archane things like format standards, but I sure did.'

Well, maybe in your haste to argue the arcane, you forgot to take the time to actually READ the posts you're arguing against. If you actually did that, it would probably save you a lot of the embarrassment you face by looking foolish in your attempt to prove everyone wrong.

Now, my task for you is to quickly scurry off and Google some answers as to why you had such a hard time understanding the thread and the answers given based on the context.
And be spry about it, I’m interested in knowing if Google can supply you with an argument for that one.

[D-Zine]

WOW - I have a great idea...the way I see it, there are 2 choices in this thread bc this isn't about having a pi$$ing contest, its about learning and helping people. So....

1. You battle out your differences in PM and leave the harshness off the board or....

2. You keep going and being childish and I lock the thread, therefor making it where the original poster has really learned nothing.

Seems like an easy decision to me.

Boobie Island or Bust!

[Broacher]

>>Wow, that kinda looks like I said what you resaid, doesn't it?<< Well, I was referring more to the part you said about 'better compression and display' and noting the absence of CCITT TIFF compression supoprt in browsers. If it works so well in the Acrobat viewer, wouldn't it be nice to have that as part of the web format stable? (As Mr. Potato Head once said, 'A guy can dream, can't he?')

As for the other part about TIFFs in print production, that was just a general note to the assembled maasses (all 4 of them, I'd guess).

And no, in my haste to arcania, I didn't forget to read all that stuff. Maybe I didn't clarify the exchange as formally as you'd like, but hey... a big part of why I jumped in is because I'm into tweaking the billyrubin flux when things get too heavy (emotionally, not technically).

Sorry, but I'm gonna say no to the Google safari request. I'll take my chances and wait for the movie.

Cheers!

[defjoe]

you people worry to much

'I will become the most powerful Jedi ever!'
'I'm the damn designer, bitches!'

Check out my indie comic book!
www.assassinsguild.net/ (http://www.assassinsguild.net/)

[Broacher]

>>you people worry to much<<

Which is exactly what I was worried about when I first read this thread. (Time for some light hearted flippancy, I says to meself).

And sometimes... with just a little push in the right spot--- there! It all falls over and you have all the worms you could ever want.

Looks like it's time to hang up my 'Gone Fishin' sign.

[Akewz]

http://akewz.com/deadthread.jpg

[Ulysses]

Yes, it is important to remember PNG isn't fully supported by the IE browser (the emphasis being FULLY). As was mentioned earlier in the thread by Ryan, IE doesn't directly support PNGs alpha feature (I personally am unfamiliar with the mentioned php method). Aside from this, you can use PNGs just like GIFs ... by making specific pixels fully transparent.

As for using php to force IE to make use of alpha in PNGs ... it surely is too much for someone who's just starting out with html!? Guess LimedDesign and other readers of this thread can decide on that ...

[Broacher]

Hey, what about that JEPG2000 standard, eh?

(Exit ducking)

[Keyare]

Haa - you guys are hilarious. This isn't a thread about who's RIGHT, but Who's RIGHT-ER! LOL.

In Ryan's defence - he said what he said the way he said it because he answers this question AGAIN amd AGAIN and AGAIN and probably does not have the time or desire to completely explain everything everytime someone who asks the same question.

I might just stick this thread into the resource section now that the answer has been debated..

It'll make Ryan's job a lot easier too I bet. Thanks guys.

http://home.comcast.net/~rnick9/xtroll.jpeghttp://home.comcast.net/~rnick9/xtroll.jpeg
Hunt for trophy black bear, cougar, deer, mountain goat or forest trolls at bracewell's hunting lodge. http://bracewell.com

[Broacher]

>>Haa - you guys are hilarious<<

Yeah, but who's the MOST hilarious? Eh? Eh?







Do you think you guys could add an 'auto-lighten up' function in the forum control panel?

[D-Zine]

ROFLMFAO!!

Boobie Island or Bust!

[Akewz]

Maybe we could all argue over how one would go about coding a 'lighten-up' button?
It's such an abstract concept, that it leaves so much room for debate.

Perhaps I'll work on a nice flash version of the button... unfortunately I don't have much time to spend on it, since I'm pretty busy with my 'auto-argue' button.

[cjoe]

PERSONALLY, IM DONE WITH BITMAPS ALTOGETHER!
SVG ALL THE WAY! (except for photos)

i hate shields.

[morea]

um... why do you hate shields?

I haven't lost my mind... it's backed up on disk somewhere.

[morea]

do you mean, like, dress shields?

I haven't lost my mind... it's backed up on disk somewhere.

[Kool]

Panty shields?

Where am I going and why am I in this handbasket?

[morea]

Blue Shield?

OMG Kool, love the new sig.

I haven't lost my mind... it's backed up on disk somewhere.

[Kool]

Wind shield?

Heh heh, thanks morea.

Where am I going and why am I in this handbasket?

[Kool]

The TV show 'The Shield'?

Where am I going and why am I in this handbasket?

[morea]

Surely not MEDIEVAL shields?!?

I haven't lost my mind... it's backed up on disk somewhere.

[D-Zine]

What shields?? Gawwdd what did I miss guys?

lol

Power to the Oldschoolers

[morea]

cjoe's sig on the previous page says 'i hate shields' - I was just curious.

I haven't lost my mind... it's backed up on disk somewhere.

[D-Zine]

haaaaa!! Ohhhh ok! I missed that.

So yeah...what kinda shields? Kool's right..maybe its winshields. Sometimes I hate em too like when they get foggy or they are kinda dirty or I know when we get ice on em which is really rare here but it has happened twice this year! LOL

Power to the Oldschoolers

[entrancesix]

png looks better but they may not be read by all browsers so go with jpeg

[1984]

Limedesign, you could do good by really learning how the 'safe for web' feature really works and try to learn the compression methods as well.
Here are a few things to remember.

jpegs support 16 million colors, so use them for pictures etc...play with the image quality and try to save it at the fine line between low size and good quality.
Gifs are 256 colors and two neat things you can do are lock a color so it matches a background and it also supports transparency. Same goes for pngs

Also, one thing never mentioned here but is super helpful to image heavy content is the slice tool.
Slice up a big image and place it back together using tables. you'd be surprised how 8, 20k images will load so much faster than 1, 160k image.

Big Brother is Watching

[floinn]

My understanding of the formats are:
TIFF doesnt compress the image at all,therefore it is really big in size and should only be used when printing. Most webpages run with 256 colours therefore GIF is the best to use for saving stuff unless you have a photograph or high quality image...then you use JPG. not everyone in the world has fast internet.......rember that! My connection speed is 33kb at the moment (dial-up) it would take me four years to download a tiff file.

[Broacher]

>>TIFF doesnt compress the image at all<<
Um... no, that's not right. TIFF has plenty of compression options. In fact, it may well be the overall most flexible and open image format out there except it's not truly supported in web production. In fact, you can even create a JPG within a TIF 'shell' now since Photoshop 6. And in black and white, TIFF has -byte/pixel possibly the lowest ratio if you go to the CCITT4 compression scheme that's used in, among other things, PDF files for one bit colour images. But most commonly supported is LZW compression for print work.

>>Most webpages run with 256 colours therefore GIF is the best to use for saving stuff unless you have a photograph or high quality image<<

Maybe 6-8 years ago that was an argument, but most web designers today assume 24 bit colour. GIF is still great for anything with flat colours, or crisp edges--like type. Or, where you need transparency. PNG has a very wide combination of web-friendly options and colour spaces, but there's still some residual 'browser lag' out there.

>>then you use JPG. not everyone in the world has fast internet.......rember that!<<

If it's bytes to save, and it's a photo-- remember that JPG is usually smaller than GIF.

[Invader Xan]

What about Brooke Shields...?

I would've taken over the world, but I got distracted by shiny things.

Ooo! Shiny things!

[Image]

I thought he meant windshields....

[andy892005]

JPG deffinatly, High quality, and very small..i would go with that

http://www.adsgx.tk

[Rus]

As someone else stated...

It used to be a rule that if you were using an image with "many colors" such as a photo, you automatically used .jpg and if you were using an image with "few colors and large single color fields" such as a cartoon you used .gif.

But with the great compression tools available, that rule no longer applies.

Use the Photoshop "Save for web" feature. In there you can fiddle around with different settings until you get the look and file size you want.

BUT, use HTML in place of images as much as possible. This will help keep your site fast loading.

[Jungsonn]

Use GIF.

I would reccomend PNG but pitty it is that IE does not support it.
PNG is better: much smaller and better compression than GIF.
For photos use JPG because of the true colors and sampling.

Sadly we have to wait for MS to implement PNG support in IE.

Jungsonn
www.jungsonn.com

[JPnyc]

You can display PNG in IE, you just can't use transparency with it.

[Jungsonn]

Yep, i forgot to mention, i did mean that.

But for me its half the functionality, so it doesnt work :)

[JPnyc]

Well you can still set transparency of any page element with CSS, including images.

[Jungsonn]

Yeah i found something similar you point out just now, i tried to make it with css - i found a small tutorial once -, but i did not get it to work properly in IE. If you have any suggestions, it would be highly appreciated, because i love those PNG's very much. :)

[Ryan8720]

http://www.alistapart.com/articles/pngopacity/

[Ryan8720]

Well you can still set transparency of any page element with CSS, including images.
Are you talking about the -moz and IE filters? Or something I've never heard of/forgot about?

[e-l-e-a-n-o-r]

It's GIF or JPEG and that's it.
(if you don't know which file format to use, you don't need to be using PNG so don't even worry about that right now)

GIF - file is compressed by the amount of colors so it's used for 'flat-color' graphics (ie. 4 colors, 8 colors, 16 colors, etc)

JPG - file is compressed by a quality setting so it's used for situations where specifying the amount of colors would just be ridiculous -- like a photo or a gradient (40% quality, 60% quality, 80% quality, etc)




You can have a flat-color illustration exported as a jpg and it will do alright -colors won't be as dead-on, but exporting a photo as a GIF just looks stupid.

Now, what web designers do is they use slices to 'cut-out' or 'slice-out' different parts of the layout and export a whole bunch of little pieces (little graphic chunks) and then assemble them with html.

2 reasons:
1) little chunks download faster because of the way the internet works and
2) because you can set the 'flat-color' area of your layout to export as a GIF with 8 colors and a different area of your layout to export as a JPG with a quality setting of say 60%

IF YOU DON'T KNOW WEB DESIGN, the best thing to do is to export the whole thing as a JPG and accept a longer download time.

{ supergirl }

[xplod_ldg]

I think the best graphics for web sites are jpg's, because of the good quality/file size ratio. I personally use png's because it offers the best quality and my files are not that complex, so the file size is irelevant.

[Samakimoto Graphics]

I thought he meant windshields....

I hate my windshield, it has a manufacturer's error, when drivin at night I get horrible glare even from dimmed lights from on-coming traffic, UGGGH! So I got anti-glare specs but that don't work,:mad: ...

*banging head on desk
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!
I hate Shields!

[reena]

Hi,
JPEG file is the best way for your portfolio work. It is quite faster and helps to make the files download in a short duration of time. To get an idea about web design visit the site given below..

Web Design (http://www.kreativpixel.com/portfolio/web-design/web-design.html)| Web Designing Company (http://www.kreativpixel.com/)

[JT214]

You can display PNG in IE, you just can't use transparency with it.

Doesn't IE7 support PNG transparency?

[Virgo Nightingale]

Doesn't IE7 support PNG transparency?
Yes, it does. IE7 just wasn't out when he first posted that in 2005. ;)

[reuber1]

Yes, it does. IE7 just wasn't out when he first posted that in 2005. ;)
Early 2005, no less.

[Virgo Nightingale]

Early 2005, no less.
Since when did November move to early in the year? :confused:

[morea]

Since Tuesday. ;)

[Mynock]

Since Tuesday. ;)My mom will not be happy. She now has to say she was born early in 1959.

[reuber1]

Since when did November move to early in the year? :confused:
Unless I have a browser that can't tell the difference between January and November, the OP is January.

[Mynock]

Unless I have a browser that can't tell the difference between January and November, the OP is January.First post in this thread is 01-03-2005, 02:19 AM, but post the user was talking about (JP's) was in November (11-14-2005, 03:30 PM). Plus didn't you get the memo? Morea did she'll have to CC you it.

[Virgo Nightingale]

post the user was talking about (JP's) was in November (11-14-2005, 03:30 PM)
PPPPBBBTTHHH!!!!:p

[reuber1]

Whatever, I can't read. :cool:

[aguswe]

I will use PNG format

[darkraven]

JPG is way to go on graphics... because of compression rate and effectiveness on quality. > Using a software of compression of size and quality like Adobe ImageReady, Photoshop or ACDSee...
PNGs > are go also in website, transparencies way to go..
GIFs > Animations of graphics. good for animation of logos and banners.

I suggest using these three we be great

Try to create a website in Adobe Photoshop and combined it with Flash Animation.. See it for yourself... :)

look at on my example/s http://rjdreyes.cjb.net
http://widescreen.cjb.net

[reuber1]

Try to create a website in Adobe Photoshop and combined it with Flash Animation.. See it for yourself... :)
Please don't. If you are creating a website, please do NOT use Photoshop to do so. Whip out Notepad or whatever text-editor that floats your boat, and do so that way. Photoshop websites are pretty much sliced images that are rendered virtually useless to search engines and screen readers.

FYI, the first site you sent as a link stopped loading at 86%, which took quite some time to get there, and the second one borders on NSFW (or to be safer, is NSFW).

[darkraven]

i think i encountered a lot of this things. Usually i see a lot of people using photoshop combination with dreamweaver, i dont entirely used photoshop on website... sorry to misinformed you. I create several website on this and everything works nice. And on about loading... well sometimes it depends on ISP, i got faster isp so i can open a website much faster, so loading seems not a problem... But i see lot of website uses purely flash....


Please don't. If you are creating a website, please do NOT use Photoshop to do so. Whip out Notepad or whatever text-editor that floats your boat, and do so that way. Photoshop websites are pretty much sliced images that are rendered virtually useless to search engines and screen readers.

FYI, the first site you sent as a link stopped loading at 86%, which took quite some time to get there, and the second one borders on NSFW (or to be safer, is NSFW).

[Mohamed Style]

Thanks

[jimy]

U can use either png or jpg both gives good quality

[Virgo Nightingale]

^They're not interchangeable though. If you want transparency, jpg is worthless.

[videoswood]

.png provide great compression and transparency.
.jpg is great compression but no transparency.

Have a great day... I dont understand why people get so heated in forums.
VideoSwood
http://www.dfxpro.com

[reuber1]

.png provide great compression and transparency.
.jpg is great compression but no transparency.

Have a great day... I dont understand why people get so heated in forums.
VideoSwood
http://www.dfxpro.com
...nor resurrecting threads that are about 4 months old (well, actually, more like over three years, though 4 months since the last post). :)

[jlknauff]

I guess I meant that IE doesn't support alpha transparency without help.That really only applies to IE5/6. IE7 renders them completely fine with no hacks needed.

[TypoBrad]

Look at sites that you like. Check out the code.

[Broacher]

The thread that will not die.

I need more popcorn. Anyone going?

[Virgo Nightingale]

Cripes. No one checks out the date on a thread before replying to it? Can we just close this and let it rest in peace?

[urstwile]

Mod Powers>>>Activate! :D

[Virgo Nightingale]

^^rofl!!! :D