2 general questions

Hey all,
2 questions :

  1. is there any program where u can view how ur site looks like in the different browsers easily? atm i just download the browsers i want to look at or look at sites like Browsershot, but checking it in any of those ways is just too slow.

  2. i see many sites are using images with the ext such as .gif .png rather than .jpg .bmp, is there any reason for this? what extensions should i use for symbols, headers and other kind of images?

thanks

Your first question, I have yet to find an easy answer to. With Safari, Chrome, Firefox and Opera, I have them each installed on my computer. Internet Explorer is the difficult one because Microsoft won’t allow different versions on the same computer. I have IE6 installed through Wine on a MAC and IE 8 on a pc laptop. Currently I’m relying on screenshots for IE7 but am looking for a better solution. http://ipinfo.info/ is faster than browsershots.

The following are image extension allowed on the web:

jpeg (jpg): This is a compressed format that is better for handling photographs and images with gradients

gif: This is better for graphics with few colors.

png: two types
-png 8 is basically the same as gif
-png24 this is very similar to jpg. It has the added benefit of supporting aplha channel transparencies.

Hi,

For IE testing I use Ietester. It is prone to crashing if IE7 isn’t the default browser installed on your system in XP. I have IE8 installed natively and can check back to ie5 using IEtester although as I said it crashes a lot but you just start it up again.

It’s rendering of CSS has always been 100% accurate for me although some have noticed minor issues I never encounter them.

You can find an old thread here with more tips.

The best way to check is to download as many browsers as you can. If you are doing this professionally then you need a couple of spare computers so that you can test different systems natively as it is the most reliable. (I also have a mac system for testing browsers on the mac as there are differences.)

i see many sites are using images with the ext such as .gif .png rather than .jpg .bmp, is there any reason for this? what extensions should i use for symbols, headers and other kind of images?

jpg’s gain artifact and are lossy (lose information every time they are re-saved). They are best restricted to photographic-type images (with many many colours, or gradients).

png’s and gif’s are great for things like logos. They are lossless— they do not lose information or gain artifact.

I use png for whatever I can excepting photographs, because they are usually smaller filesize with less mess.

Though possibly slightly better compression algorithm than gif so possibly smaller filesize.

atm i just download the browsers i want to look at

This is what I do. They are all open; also the html/css files. I make a change, save, f5 f5 f5 f5 f5 the browsers.

One fine point about Jpegs:
The jpeg format can hold meta data such as thumbnails, keywords used for archiving, information about the exposure, etc… This meta data can add up to a lot of space in Web terms. Saving them for Web in Photoshop can quarter their file size because it strips this information away. Many people don’t realize this and assume its because of the compression algorithm.

It seems my image editor stores much information in all my files: png’s too.