Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Community > MacNN Lounge > hi-res images for web

hi-res images for web
Thread Tools
Senior User
Join Date: Jan 2006
Location: Naugatuck, CT
Status: Offline
Apr 18, 2006, 01:44 PM
 
i'm building a site for a client of mine and he's complaining that the images on his competitors site look higher-res than the ones on the site i'm building. he's right. i'm "saving for web" from a 72 dpi PhotoShop doc at the maximum jpg setting.

know any tricks to help me out?
(Last edited by MrsLarry; Apr 18, 2006 at 02:11 PM. )
     
Clinically Insane
Join Date: Dec 1999
Status: Offline
Apr 18, 2006, 01:49 PM
 
If your source image is only 72 dpi, you can't make it any more higher-res than it already is. Your client needs to provide you with, or, you need to create a higher resolution source image.

Some things you can try is a soft blur, then incremental unsharp mask.
"…I contend that we are both atheists. I just believe in one fewer god than
you do. When you understand why you dismiss all the other possible gods,
you will understand why I dismiss yours." - Stephen F. Roberts
     
Addicted to MacNN
Join Date: Nov 2005
Location: President Skroob's Office
Status: Offline
Apr 18, 2006, 01:49 PM
 
Can we see the competitors site?

"She's gone from suck to blow!"
     
Senior User
Join Date: Jan 2006
Location: Naugatuck, CT
Status: Offline
Apr 18, 2006, 01:52 PM
 
Originally Posted by olePigeon
If your source image is only 72 dpi, you can't make it any more higher-res than it already is. Your client needs to provide you with, or, you need to create a higher resolution source image.
can't a monitor only display 72 dpi anyway?

Originally Posted by Dark Helmet
Can we see the competitors site?
http://www.quiznos.com/index.asp - not the flash graphic, obviously, but other images of that prime rib sandwich scattered throughout the site.
     
Professional Poster
Join Date: Mar 2004
Location: Pretentiously Retired.
Status: Offline
Apr 18, 2006, 02:03 PM
 
Originally Posted by MrsLarry
can't a monitor only display 72 dpi anyway?
True, but a 144 dpi jpeg displays as twice as big (as its 72 dpi counterpart) on the web.
     
Addicted to MacNN
Join Date: Aug 2004
Location: FFM
Status: Offline
Apr 18, 2006, 02:04 PM
 
Originally Posted by MrsLarry
can't a monitor only display 72 dpi anyway?
Monitors are typically about 100 to 110 dpi these days. However Mac OS X assumes (for historic reasons) that the display is 72 dpi while Windows assumes 96 dpi. However no browser I know of considers the display dpi (neither the assumed nor the actual one) for displaying images. They are all just displayed pixel for pixel.
     
Senior User
Join Date: Jan 2006
Location: Naugatuck, CT
Status: Offline
Apr 18, 2006, 02:11 PM
 
ok, i think i follow - so, what dpi should i save web images at?
     
Addicted to MacNN
Join Date: Nov 2005
Location: President Skroob's Office
Status: Offline
Apr 18, 2006, 02:14 PM
 
Resize them to the size you need... THEN hit them with an unsharp mask. Then export.

"She's gone from suck to blow!"
     
Mac Elite
Join Date: Nov 2005
Location: On the dancefloor, doing the boogaloo…
Status: Offline
Apr 18, 2006, 02:20 PM
 
Originally Posted by MrsLarry
ok, i think i follow - so, what dpi should i save web images at?
72

just a quick question, – what size/format are the original pics?

If I change my way of living, and if I pave my streets with good times, will the mountain keep on giving…
     
Professional Poster
Join Date: Mar 2004
Location: Pretentiously Retired.
Status: Offline
Apr 18, 2006, 02:21 PM
 
Originally Posted by Kr0nos
just a quick question, – what size/format are the original pics?
That's my main concern.
     
Senior User
Join Date: Jan 2006
Location: Naugatuck, CT
Status: Offline
Apr 18, 2006, 02:34 PM
 
Originally Posted by Kr0nos
72

just a quick question, – what size/format are the original pics?
72 dpi .psd files
     
Professional Poster
Join Date: Mar 2004
Location: Pretentiously Retired.
Status: Offline
Apr 18, 2006, 02:37 PM
 
Are they larger or the same size as the target graphics?
     
Senior User
Join Date: Jan 2006
Location: Naugatuck, CT
Status: Offline
Apr 18, 2006, 02:43 PM
 
Originally Posted by Dakar
Are they larger or the same size as the target graphics?
same size
     
Mac Elite
Join Date: Nov 2005
Location: On the dancefloor, doing the boogaloo…
Status: Offline
Apr 18, 2006, 02:52 PM
 
Originally Posted by MrsLarry
same size
That's strange. Very rarely do you get 72 ppi original .psd files these days.

If you take pictures with a digital camera they are (mostly) 150 ppi, and scans are 300 ppi. Are you sure the source material wasn't compressed already and then simply saved as a .psd file?

Do the pics look any different after you export them to max. setting .jpgs? The 'competitor' probably just has better source material.

If I change my way of living, and if I pave my streets with good times, will the mountain keep on giving…
     
Addicted to MacNN
Join Date: Mar 2001
Location: USA
Status: Offline
Apr 18, 2006, 03:00 PM
 
I think Save For Web automagically sets the resolution to 72.
"Everything's so clear to me now: I'm the keeper of the cheese and you're the lemon merchant. Get it? And he knows it.
That's why he's gonna kill us. So we got to beat it. Yeah. Before he let's loose the marmosets on us."
my bandmy web sitemy guitar effectsmy photosfacebookbrightpoint
     
Professional Poster
Join Date: Mar 2004
Location: Pretentiously Retired.
Status: Offline
Apr 18, 2006, 03:02 PM
 
Originally Posted by Kr0nos
That's strange. Very rarely do you get 72 ppi original .psd files these days.

If you take pictures with a digital camera they are (mostly) 150 ppi, and scans are 300 ppi. Are you sure the source material wasn't compressed already and then simply saved as a .psd file?

Do the pics look any different after you export them to max. setting .jpgs? The 'competitor' probably just has better source material.
Seconded.
     
Mac Elite
Join Date: Jan 2001
Location: Helsinki, Finland
Status: Offline
Apr 18, 2006, 03:04 PM
 
Originally Posted by MrsLarry
ok, i think i follow - so, what dpi should i save web images at?
You shouldn't really be thinking about DPI. On the web, it could be any random number including 72, 134 or 1678 and it makes no difference. Just think actual pixels, DPI is for print.


Displays come in different sizes, such 1024 x 768 pixels or 1920 x 1200 pixels and so on. You have to assume people have all kinds of different screens and design accordingly.

There are still plenty of people with 1024 x 768 screens out there, so for example gallery pics should be slightly smaller than that, otherwise they wouldn't fit their screens.

J

(oh and pet peeve: screens don't have dots, they have pixels; hence PPI, not DPI. Big difference, actually.)
     
Admin Emeritus
Join Date: Oct 1999
Location: Zurich, Switzerland
Status: Offline
Apr 18, 2006, 06:16 PM
 
I know one fantastic trick: ask in our Web Developer forum. This is the Lounge, for all the stuff that doesn't have a whole forum dedicated to it!

tooki
     
   
Thread Tools
Forum Links
Forum 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 On
Top
Privacy Policy
All times are GMT -5. The time now is 07:18 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2