eMoneySpace
Advertise Here
Welcome, Guest. Please login or register.
Did you miss your activation email?
News: Earn your money online safely here at eMoneySpace. Mar 23, 2023 12:31 pm



eMoneySpace » Webmaster's Corner » Developer Board » Images [HTML/CSS]

Images [HTML/CSS]
Pages: [1]
« previous next »
Print
Author Topic: Images [HTML/CSS]  (Read 1200 times)
worthy
Reputation: (+20)
*

Offline

Gender: Male
Posts: 1143
Referrals: 8


Worthy Designs

View Profile
Aug 21, 2010 03:00 pm
Which is best file format to save image for web ?
Some use .png some .jpg and others .gif

what is the difference ?
Logged
Addons
Reputation: (+10)
*

Offline

Gender: Male
Posts: 2179
Referrals: 3


View Profile WWW
Reply #1: Aug 21, 2010 05:37 pm
best this way....

PNG >> GIF >> JPG
Logged
Lead Capture Page, Email Template, Image Croping/removing Background etc... PTCevolution, Gen4, Aurora GPT, Xeon, Zeus (Template, Banners)
ask2talk
Reputation: (+21)
*

Offline

Gender: Male
Posts: 1712
Referrals: 0


View Profile
Reply #2: Aug 21, 2010 06:34 pm
Size wise as below:
png < gif < jpg

and colour wise png supports all colour while gif and jpg supports 256 and 16 bit colour.
Logged

Had Owned Following sites before:
akshaytkd
Reputation: (+37)
*

Offline

Gender: Male
Posts: 1998
Referrals: 1


Front end web developer

View Profile WWW
Reply #3: Aug 21, 2010 10:22 pm
In order for using on web

.png - is an improved version of gif and is lighter in size.
.gif - was the image format used earlier on website, now is generally used for animated images.
.jpeg - high quality images, heavy on size, not recommended for websites!
Logged
devbrooks

Reputation: (+30)
*

Offline

Posts: 1120
Referrals: 6


I Develop Innovations

View Profile
Reply #4: Aug 21, 2010 10:38 pm
.png effects shows the original image whereas gif and jpeg may show some difference.
Logged
I am a big scammer who ripps people off money, my IP range is 117.200.250.213
worthy
Reputation: (+20)
*

Offline

Gender: Male
Posts: 1143
Referrals: 8


Worthy Designs

View Profile
Reply #5: Aug 21, 2010 11:30 pm
Thanks for all    Smiley

Can close this
Logged
LuckyStarsSites
Reputation: (+48)
*

Offline

Gender: Female
Posts: 3424
Referrals: 11


View Profile
Reply #6: Aug 22, 2010 04:08 am
Quote from: akshaytkd on Aug 21, 2010 10:22 pm
In order for using on web

.png - is an improved version of gif and is lighter in size.
.gif - was the image format used earlier on website, now is generally used for animated images.
.jpeg - high quality images, heavy on size, not recommended for websites!

have to disagree there


.png - is largest in size also keeps transparency
.gif - smallest
.jpeg - middle size

why is JPG/JPEG not recommended for websites?

Personally I wouldn't recommend gif as it freaks the colors out on most things.
Logged
devbrooks

Reputation: (+30)
*

Offline

Posts: 1120
Referrals: 6


I Develop Innovations

View Profile
Reply #7: Aug 22, 2010 04:57 am
Quote from: yourptc on Aug 22, 2010 04:08 am
have to disagree there


.png - is largest in size also keeps transparency
.gif - smallest
.jpeg - middle size

why is JPG/JPEG not recommended for websites?

Personally I wouldn't recommend gif as it freaks the colors out on most things.
Yeah i was trying to say the same but PNG are the best format for web. Even they occupy more space or not.
Logged
I am a big scammer who ripps people off money, my IP range is 117.200.250.213
akshaytkd
Reputation: (+37)
*

Offline

Gender: Male
Posts: 1998
Referrals: 1


Front end web developer

View Profile WWW
Reply #8: Aug 22, 2010 10:18 am
Quote from: yourptc on Aug 22, 2010 04:08 am
have to disagree there


.png - is largest in size also keeps transparency
.gif - smallest
.jpeg - middle size

why is JPG/JPEG not recommended for websites?

Personally I wouldn't recommend gif as it freaks the colors out on most things.

even I would not recommend .gif, I said earlier (prior to png) we used to have gifs used most of the places on the web, since it supports transparency, but as said.. it reduced the color quality of the image...

and I personally feel that jpegs are more on size as compared to png.
Logged
FJWorld
Reputation: (+45)
*

Offline

Gender: Male
Posts: 6159
Referrals: 42


Let's Work Together!

View Profile WWW
Reply #9: Aug 23, 2010 06:32 am
Quote from: yourptc on Aug 22, 2010 04:08 am
have to disagree there


.png - is largest in size also keeps transparency
.gif - smallest
.jpeg - middle size

why is JPG/JPEG not recommended for websites?

Personally I wouldn't recommend gif as it freaks the colors out on most things.

I noticed that this is not the first time you expressed your dislike in using png.

The following is a snippet from yahoo developer best practices.

Try converting GIFs to PNGs and see if there is a saving. More often than not, there is. Developers often hesitate to use PNGs due to the limited support in browsers, but this is now a thing of the past. The only real problem is alpha-transparency in true color PNGs, but then again, GIFs are not true color and don't support variable transparency either. So anything a GIF can do, a palette PNG (PNG8) can do too (except for animations).
http://developer.yahoo.com/performance/rules.html
Logged
Pages: [1]
Print
« previous next »
 
Jump to:  
Copyright © 2008-2023 eMoneySpace. All rights reserved.