JPG or PNG for logos?

YamiPrem · 9th Nov 2012, 04:24 AM

Hiya,

I have yet to grab a client, but that's for another thread. But I was thinking ahead. I've seen some mobile sites, and sites that use JPG logos always tend to be blurry/pixelated. PNG is always more clear.

I know PNGs are larger in size and that's not mobile data friendly, but I think it's a worthy trade-off because once the PNG is loaded, it's in the cache, no?

And advice?

eMperor85 · 9th Nov 2012, 08:13 AM

i think png is better than jpg

png high quality with a smal size
ipg low quality with a smal size

Brandon Tanner · 9th Nov 2012, 08:41 AM

JPG images can look just as good as PNG images can... it just depends on how they're compressed (any decent image editing software will allow you to adjust the compression values -- and it's always a trade-off between quality and file size).

That said, some older mobile phones do not support PNG images (especially transparent PNG's), so if it's important for your images to be compatible with older devices, then go with JPG.

And don't forget to compress the images as much as you can (within reason), as it's important that the pages on a mobile site load as quickly as possible.

Nail Yener · 9th Nov 2012, 09:11 AM

GIF and JPG images are recommended for mobile web but PNG is not yet a recommendation, though you don't have to always follow the recommendations. I prefer using .gif for logos with less colors such as text based logos or simple shape logos, and .jpg for picture/photo type logos with more colors. I use PNG images only if I can't create a GIF or JPG version of it within the same quality and size range.

garfield29 · 9th Nov 2012, 09:19 AM

Originally Posted by Brandon Tanner

JPG images can look just as good as PNG images can... it just depends on how they're compressed (any decent image editing software will allow you to adjust the compression values -- and it's always a trade-off between quality and file size).

That said, some older mobile phones do not support PNG images (especially transparent PNG's), so if it's important for your images to be compatible with older devices, then go with JPG.

I always like to use a PNG file for a logo. I didn't know about this.

Thanks to this thread.

Brandon Tanner · 9th Nov 2012, 09:34 AM

Originally Posted by garfield29

I always like to use a PNG file for a logo. I didn't know about this.

Thanks to this thread.

If you have a nice looking transparent PNG that you want to use, then one option would be to serve up that image to newer devices (via 'user agent' detection), and serve up a JPG version for everything else.

MagicAce · 9th Nov 2012, 01:30 PM

For logos or images with less colors I'm using gif or png with less colors so the size is smaller.

If there are more colors I'm using jpg with a 30%-50% image quality in Photoshop - Save for Web

Regards, Marian

lint631 · 11th Nov 2012, 12:30 PM

This is a great tool for minimizing PNG's file size:

psydk.org - PngOptimizer

farahR · 11th Nov 2012, 03:06 PM

PNG if you need transparent background, otherwise JPG.

vutshuvo · 12th Nov 2012, 02:55 PM

For logo, use png formats.
it has less size with transparent image

Minista · 12th Nov 2012, 03:12 PM

If you do not need transparent, JPG is always the better choice for size and the quality.

WillR · 15th Nov 2012, 05:56 AM

JPEG images will look fine if they are saved properly. The distortion issue you speak of has nothing to do with the image being a JPEG, it's to do with how the image was saved and at what quality.

For mobile sites I always prefer gif for images with few colors and jpeg for more detailed images.

DJL · 15th Nov 2012, 09:34 AM

What about Dots Per Inch? Is 72 DPI recommended for web & mobile both?

cnckevin · 15th Nov 2012, 10:10 AM

I prefer png only if I need transparency, otherwise jpg.....though gif is word of the year

cnckevin · 15th Nov 2012, 10:11 AM

yes I typically use 72 dpi for both

WillR · 15th Nov 2012, 07:33 PM

Originally Posted by DJL

What about Dots Per Inch? Is 72 DPI recommended for web & mobile both?

Yes, 72 should be fine for web, both mobile and regular.

ppc4profit · 16th Nov 2012, 03:37 AM

Originally Posted by Minista

If you do not need transparent, JPG is always the better choice for size and the quality.

Sorry I can not agree with you.

JPG is best for photographic style images, many colors and it can compress these well.

GIF is better than jpg when you have an image with a limited number of colors and large areas of a single color.

S3Ware · 18th Nov 2012, 06:31 PM

PNG for transparency, JPEG for everything else. 72dpi for anything online.

HorseStall · 18th Nov 2012, 07:33 PM

.png's can have a transparent background which is a benefit not available for .jpgs.

WillR · 19th Nov 2012, 12:08 AM

Originally Posted by HorseStall

.png's can have a transparent background which is a benefit not available for .jpgs.

In most cases you can just put the background in the jpeg image so it will still look exactly like a transparent image only it will be a jpeg.

9th Nov 2012, 04:24 AM	#1
YamiPrem Warrior Member Join Date: 2012 Location: Scotland, UK Posts: 13 Thanks: 3 Thanked 0 Times in 0 Posts	JPG or PNG for logos? Share on: Hiya, I have yet to grab a client, but that's for another thread. But I was thinking ahead. I've seen some mobile sites, and sites that use JPG logos always tend to be blurry/pixelated. PNG is always more clear. I know PNGs are larger in size and that's not mobile data friendly, but I think it's a worthy trade-off because once the PNG is loaded, it's in the cache, no? And advice?

9th Nov 2012, 08:13 AM	#2
eMperor85 Warrior Member Join Date: 2012 Posts: 4 Thanks: 0 Thanked 0 Times in 0 Posts	Re: JPG or PNG for logos? Share on: i think png is better than jpg png high quality with a smal size ipg low quality with a smal size
	Not telling Just click

9th Nov 2012, 08:41 AM	#3
Brandon Tanner Advanced Warrior War Room Member Join Date: 2006 Location: USA Posts: 1,907 Thanks: 237 Thanked 1,377 Times in 676 Posts	Re: JPG or PNG for logos? Share on: JPG images can look just as good as PNG images can... it just depends on how they're compressed (any decent image editing software will allow you to adjust the compression values -- and it's always a trade-off between quality and file size). That said, some older mobile phones do not support PNG images (especially transparent PNG's), so if it's important for your images to be compatible with older devices, then go with JPG. And don't forget to compress the images as much as you can (within reason), as it's important that the pages on a mobile site load as quickly as possible.

9th Nov 2012, 09:11 AM	#4
Nail Yener You reap what you sow. War Room Member Join Date: 2008 Location: Sometimes you don't. Posts: 1,078 Thanks: 196 Thanked 411 Times in 243 Posts	Re: JPG or PNG for logos? Share on: GIF and JPG images are recommended for mobile web but PNG is not yet a recommendation, though you don't have to always follow the recommendations. I prefer using .gif for logos with less colors such as text based logos or simple shape logos, and .jpg for picture/photo type logos with more colors. I use PNG images only if I can't create a GIF or JPG version of it within the same quality and size range.

9th Nov 2012, 01:30 PM	#7
MagicAce webstylecreator.com War Room Member Join Date: 2010 Location: Torino, Italy Posts: 686 Thanks: 56 Thanked 68 Times in 46 Posts	Re: JPG or PNG for logos? Share on: For logos or images with less colors I'm using gif or png with less colors so the size is smaller. If there are more colors I'm using jpg with a 30%-50% image quality in Photoshop - Save for Web Regards, Marian
	5 STAR SERVICE - Sexy Mobile Websites Straight Out Of Italy! HIGH QUALITY DESIGN - Headers, Banners, Twitter Backgrounds, eCovers and more...

11th Nov 2012, 12:30 PM	#8
lint631 MobileWebRockstar War Room Member Join Date: 2011 Location: New York Posts: 253 Thanks: 41 Thanked 52 Times in 37 Posts	Re: JPG or PNG for logos? Share on: This is a great tool for minimizing PNG's file size: psydk.org - PngOptimizer
	WPMobileSalesPro - Mobile Web Sales Tool

11th Nov 2012, 03:06 PM	#9
farahR Warrior Member Join Date: 2012 Posts: 20 Thanks: 1 Thanked 8 Times in 6 Posts	Re: JPG or PNG for logos? Share on: PNG if you need transparent background, otherwise JPG.

12th Nov 2012, 02:55 PM	#10
vutshuvo Warrior Member Join Date: 2012 Posts: 29 Thanks: 0 Thanked 0 Times in 0 Posts	Re: JPG or PNG for logos? Share on: For logo, use png formats. it has less size with transparent image
	Never Pay Roaming and No roaming chargesthrough phone call

12th Nov 2012, 03:12 PM	#11
Minista Active Warrior War Room Member Join Date: 2011 Location: Montreal (Quebec) Canada Posts: 65 Thanks: 0 Thanked 17 Times in 13 Posts	Re: JPG or PNG for logos for mobile Website? Share on: If you do not need transparent, JPG is always the better choice for size and the quality.
	Google Maps Contact Extractor, a google maps scraper software (Scrape google places data) Yellow Pages Scraper software an easy to use Yellow pages scraper software Yelp Data Scraper software, extract data from yelp website. Management-Ware Extract Anywhere, Website data extractor software, create your scraper to extract data from almost any website. Door to door CRM software.

15th Nov 2012, 05:56 AM	#12
WillR Digital Marketer War Room Member Join Date: 2010 Location: Australia Posts: 12,475 Thanks: 1,984 Thanked 8,187 Times in 4,079 Posts	Re: JPG or PNG for logos? Share on: JPEG images will look fine if they are saved properly. The distortion issue you speak of has nothing to do with the image being a JPEG, it's to do with how the image was saved and at what quality. For mobile sites I always prefer gif for images with few colors and jpeg for more detailed images.
	. ➨ Here's How to Make Your First $177 Online This Week Using the Piggyback Method... .

15th Nov 2012, 09:34 AM	#13
DJL Advanced Warrior War Room Member Join Date: 2008 Location: Texas, USA. Posts: 577 Thanks: 54 Thanked 248 Times in 164 Posts	Re: JPG or PNG for logos? Share on: What about Dots Per Inch? Is 72 DPI recommended for web & mobile both?
	None are more hopelessly enslaved than those who falsely believe they are free. --Johann Wolfgang von Goethe, Elective Affinities (1809)

15th Nov 2012, 10:10 AM	#14
cnckevin Active Warrior War Room Member Join Date: 2012 Location: Illinois Posts: 74 Thanks: 7 Thanked 11 Times in 11 Posts	Re: JPG or PNG for logos? Share on: I prefer png only if I need transparency, otherwise jpg.....though gif is word of the year

15th Nov 2012, 10:11 AM	#15
cnckevin Active Warrior War Room Member Join Date: 2012 Location: Illinois Posts: 74 Thanks: 7 Thanked 11 Times in 11 Posts	Re: JPG or PNG for logos? Share on: yes I typically use 72 dpi for both

18th Nov 2012, 06:31 PM	#18
S3Ware HyperActive Warrior War Room Member Join Date: 2009 Posts: 123 Thanks: 33 Thanked 48 Times in 36 Posts	Re: JPG or PNG for logos? Share on: PNG for transparency, JPEG for everything else. 72dpi for anything online.

18th Nov 2012, 07:33 PM	#19
HorseStall Senior Warrior Member Join Date: 2010 Posts: 1,141 Thanks: 12 Thanked 71 Times in 69 Posts	Re: JPG or PNG for logos? Share on: .png's can have a transparent background which is a benefit not available for .jpgs.
	Horse Gifts :: Dog Gifts :: Wild Animal Gifts :: Mythical Creatures