website photo query

PB
Posted By
Paul Burdett
Jun 27, 2009
Views
841
Replies
18
Status
Closed
Hi all,

I’ve put together a website for my wife which displays photos of her craft items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to get a larger version. I’m thinking that I don’t need to resample to 300dpi? Is this correct? The file size of each thumbnail is around 40kb or so. Any advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

PB
Paul Burdett
Jun 27, 2009
Sorry..the max size for photo uploading to the site is 450×450 pixels…not dpi.

"Paul Burdett" wrote in message
Hi all,

I’ve put together a website for my wife which displays photos of her craft items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to get a larger version. I’m thinking that I don’t need to resample to 300dpi? Is this correct? The file size of each thumbnail is around 40kb or so. Any advice appreciated.
Cheers,

Paul

The website is www.littleextras.net
V
Voivod
Jun 27, 2009
On Sat, 27 Jun 2009 10:12:52 +1000, "Paul Burdett" scribbled:

The photos are 72dpi when opened in Photoshop

And they’re the same on your monitor, my monitor and everyone else’s.
DJ
david johnson
Jun 27, 2009
sounds like your using a standard run of the mill instant digital camera. depending on the res will depends on how many pixesl you have. Take your photo. throw it into ps as is, then scale it down so you can see it all, to allow for you to crop it to lose any stuff you dont need, or indeed to allow yo to take out background etc.

then make a second 450 x 450 image and inport your newly edited photo into it, making it fit, then use save to web option

On Sat, 27 Jun 2009 10:12:52 +1000, "Paul Burdett" wrote:

Hi all,

I’ve put together a website for my wife which displays photos of her craft items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to get a larger version. I’m thinking that I don’t need to resample to 300dpi? Is this correct? The file size of each thumbnail is around 40kb or so. Any advice appreciated.
Cheers,

Paul

The website is www.littleextras.net
J
jaSPAMc
Jun 27, 2009
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to get a larger version. I’m thinking that I don’t need to resample to 300dpi? Is this correct? The file size of each thumbnail is around 40kb or so. Any advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t" for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.
JM
James McNangle
Jun 28, 2009
Voivod wrote:

On Sat, 27 Jun 2009 10:12:52 +1000, "Paul Burdett" scribbled:

The photos are 72dpi when opened in Photoshop

And they’re the same on your monitor, my monitor and everyone else’s.

Sorry, but rubbish! If you really want to know what the dpi of your monitor is — and I very much doubt if you do — measure the screen dimensions, then divide the total numbers of pixels by the dimensions. For my two screens the results are 88dpi for one, and 96dpi for the other, in the horizontal direction. The values are probably different in the vertical direction.

I don’t know why Photoshop has its fixation with dpi, but the only time this term has any meaning whatsoever is when you print a photo. Even then I generally specify the dimensions of the printed image, and ignore the dpi altogether.

For anything to do with web pages the only significant quantities are the dimensions of the image, in pixels (as Paul realised after he posted his original message).

And, in answer to Paul’s intended original question, the correct procedure is to crop and/or optimise the image as required, save a copy in the original size (in case you want to print it, or use it for some other purpose later), then resample to the permitted size, and save, using the ‘save for web’ option. It is not necessary to specify dpi at any stage in this process.

James McNangle
V
Voivod
Jun 28, 2009
On Sun, 28 Jun 2009 10:53:52 +1000, James McNangle
scribbled:

Voivod wrote:

On Sat, 27 Jun 2009 10:12:52 +1000, "Paul Burdett" scribbled:

The photos are 72dpi when opened in Photoshop

And they’re the same on your monitor, my monitor and everyone else’s.

Sorry, but rubbish! If you really want to know what the dpi of your monitor is — and I very much doubt if you do — measure the screen dimensions, then divide the total numbers of pixels by the dimensions. For my two screens the results are 88dpi for one, and 96dpi for the other, in the horizontal direction. The values are probably different in the vertical direction.

Stuff yourself. You couldn’t tell the difference between 72 and 96 DPI if you tried.

I don’t know why Photoshop has its fixation with dpi, but the only time this term has any meaning whatsoever is when you print a photo. Even then I generally specify the dimensions of the printed image, and ignore the dpi altogether.

Yes, I know that.

For anything to do with web pages the only significant quantities are the dimensions of the image, in pixels (as Paul realised after he posted his original message).

And, in answer to Paul’s intended original question, the correct procedure is to crop and/or optimise the image as required, save a copy in the original size (in case you want to print it, or use it for some other purpose later), then resample to the permitted size, and save, using the ‘save for web’ option. It is not necessary to specify dpi at any stage in this process.

Which is why I said it didn’t matter. Perhaps you missed that in your desire to pontificate and lecture with great pomposity. How do you and your ego live in that same small skull?
PB
Paul Burdett
Jun 28, 2009
Thank you to all for your feedback…much appreciated.

Paul

"Sir F. A. Rien" wrote in message
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down
to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to get a larger version. I’m thinking that I don’t need to resample to 300dpi?
Is this correct? The file size of each thumbnail is around 40kb or so. Any
advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t"
for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.
C
CB
Jun 28, 2009
"Paul Burdett" wrote in message
Thank you to all for your feedback…much appreciated.

Paul

I was once told by a dude who worked with AOL and pioneered the ‘gif’ format that monitors can’t read beyond 75 dpi so take raw image hit ctrl > i >i, change the dpi. Notice the dimensions change. Change the values to what you want as long as they’re not bigger than from where you started and ‘constrain proportions’ is checked, obviously.

"Sir F. A. Rien" wrote in message
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft
items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down
to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to
get a larger version. I’m thinking that I don’t need to resample to 300dpi?
Is this correct? The file size of each thumbnail is around 40kb or so. Any
advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t"
for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.

PB
Paul Burdett
Jun 28, 2009
Thank you CB.

Paul

"CB" wrote in message
"Paul Burdett" wrote in message
Thank you to all for your feedback…much appreciated.

Paul

I was once told by a dude who worked with AOL and pioneered the ‘gif’ format that monitors can’t read beyond 75 dpi so take raw image hit ctrl > i >i, change the dpi. Notice the dimensions change. Change the values to what you want as long as they’re not bigger than from where you started and ‘constrain proportions’ is checked, obviously.

"Sir F. A. Rien" wrote in message
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft
items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down
to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to
get a larger version. I’m thinking that I don’t need to resample to 300dpi?
Is this correct? The file size of each thumbnail is around 40kb or so. Any
advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t"
for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.

J
jaSPAMc
Jun 29, 2009
That was ‘true’ eons ago when monitor technology was in its infancy.

Current monitors can easily go to 1600 x 1200, that being [on a 19" – displayable at 18"] some 110 dpi.

As far as bothering to change the dpi setting, why?

Monitors read PIXELS not dpi !!!

I can set an image to 1 dpi and to 10,000 dpi image, put them up side by side on the web and they will be exactly the same – unless I’ve resampled!

"CB" found these unused words:

"Paul Burdett" wrote in message
Thank you to all for your feedback…much appreciated.

Paul

I was once told by a dude who worked with AOL and pioneered the ‘gif’ format that monitors can’t read beyond 75 dpi so take raw image hit ctrl > i >i, change the dpi. Notice the dimensions change. Change the values to what you want as long as they’re not bigger than from where you started and ‘constrain proportions’ is checked, obviously.

"Sir F. A. Rien" wrote in message
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft
items. I take the photos and edit in Photoshop CS3. The photos are 72dpi when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down
to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to
get a larger version. I’m thinking that I don’t need to resample to 300dpi?
Is this correct? The file size of each thumbnail is around 40kb or so. Any
advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t"
for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.
C
CB
Jul 1, 2009
"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi. Creating a high res image may be good for print but to look at on a monitor is over kill

Current monitors can easily go to 1600 x 1200, that being [on a 19" – displayable at 18"] some 110 dpi.

As far as bothering to change the dpi setting, why?

Monitors read PIXELS not dpi !!!

I can set an image to 1 dpi and to 10,000 dpi image, put them up side by side on the web and they will be exactly the same – unless I’ve resampled!

"CB" found these unused words:

"Paul Burdett" wrote in message
Thank you to all for your feedback…much appreciated.

Paul

I was once told by a dude who worked with AOL and pioneered the ‘gif’ format
that monitors can’t read beyond 75 dpi so take raw image hit ctrl > i >i, change the dpi. Notice the dimensions change. Change the values to what you
want as long as they’re not bigger than from where you started and ‘constrain proportions’ is checked, obviously.

"Sir F. A. Rien" wrote in message
"Paul Burdett" found these unused words:

Hi all,

I’ve put together a website for my wife which displays photos of her craft
items. I take the photos and edit in Photoshop CS3. The photos are 72dpi
when opened in Photoshop. I’m not sure if this is right, but I’ve been cropping each photo as needed and saving as 300dpi, and then resampling down
to the max allowed by the website host…which is 450dpi on the longest side. This results in thumbnails on the website which can be clicked on to
get a larger version. I’m thinking that I don’t need to resample to 300dpi?
Is this correct? The file size of each thumbnail is around 40kb or so. Any
advice appreciated.
Cheers,

Paul

The website is www.littleextras.net

For the web, the ‘dpi’ is unimportant !

Crop, adjust, and SAVE AS [master].
{Don’t save over the original!]

Resize to the thumbnail and SAVE AS [thumb].

For me, I use a name with "_w" added for the full size WEB image and a "_t"
for the thumbnail.

This way they are ‘stored’ together and I can find them for uploading or
later work.

Example:
cali-01_w.jpg 600×400 display page
cali-01_t.jpg 188×125 thumbnail in the opening page.
J
Joel
Jul 1, 2009
"CB" wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi. Creating a high res image may be good for print but to look at on a monitor is over kill

You may need to see eye doctor cuz even at the age of 72 I still be able to see the difference without trying.

Or it may be acceptable for web, but getting me to look at low-rez image is kinda hard.
V
Voivod
Jul 1, 2009
On Wed, 01 Jul 2009 08:16:41 -0500, Joel scribbled:

You may need to see eye doctor cuz even at the age of 72 I still be able to see the difference without trying.

You can see DPI, which only applies to the printed image, on a monitor? You’re Superman! Or you’re a liar… which is it?
JS
John Stafford
Jul 1, 2009
On 7/1/09 5:30 AM, in article
4a4b3ab9$0$5680$, "CB"
wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi.

Yes it can.
J
jaSPAMc
Jul 1, 2009
John Stafford found these unused words:

On 7/1/09 5:30 AM, in article
4a4b3ab9$0$5680$, "CB"
wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi.

Yes it can.

Give up trying … <G>,

"CB" the ‘ex-spurt’ has been proliferting those old tales and his/her/its mind’s made up – facts don’t matter to him/her/it.
C
CB
Jul 3, 2009
"Sir F. A. Rien" wrote in message
John Stafford found these unused words:

On 7/1/09 5:30 AM, in article
4a4b3ab9$0$5680$, "CB"

wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi.

Yes it can.

Give up trying … <G>,

"CB" the ‘ex-spurt’ has been proliferting those old tales and his/her/its mind’s made up – facts don’t matter to him/her/it.

You’re getting sleeepy…sleeeeeeeeeeeepppppppppyyyyyyyyyyyyyy…
J
jaSPAMc
Jul 3, 2009
"CB" found these unused words:

"Sir F. A. Rien" wrote in message
John Stafford found these unused words:

On 7/1/09 5:30 AM, in article
4a4b3ab9$0$5680$, "CB"

wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi.

Yes it can.

Give up trying … <G>,

"CB" the ‘ex-spurt’ has been proliferting those old tales and his/her/its mind’s made up – facts don’t matter to him/her/it.

You’re getting sleeepy…sleeeeeeeeeeeepppppppppyyyyyyyyyyyyyy…
Does that mean you’re supposed to be hip?
No ???
Tsk !!!
C
CB
Jul 5, 2009
"Sir F. A. Rien" wrote in message
"CB" found these unused words:

"Sir F. A. Rien" wrote in message
John Stafford found these unused words:

On 7/1/09 5:30 AM, in article
4a4b3ab9$0$5680$, "CB"

wrote:

"Sir F. A. Rien" wrote in message
That was ‘true’ eons ago when monitor technology was in its infancy.

The eye cannot recognize anything past 75dpi.

Yes it can.

Give up trying … <G>,

"CB" the ‘ex-spurt’ has been proliferting those old tales and his/her/its
mind’s made up – facts don’t matter to him/her/it.

You’re getting sleeepy…sleeeeeeeeeeeepppppppppyyyyyyyyyyyyyy…
Does that mean you’re supposed to be hip?

Being "hip" is to project impressions of coolness I do not to that, I reflect the image of cool, as one with being cool.

Can yuh dig it?

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections