Re: [WSG] Image Thumnail Advice
A big thanks to all regarding all of the advice given on my image-reduction issue. I have tried a number of the suggestions and - depending on the color depth of the differentsites I'm trying to reduce - the results are much more favorable than previous to my post. I know that one of the WSG admins would like to close this topic - because it is off topic, so I just wanted to say thanks for everyone who did weigh in on this issue for me. Cole - Original Message - From: Drake, Ted C. To: 'wsg@webstandardsgroup.org' Sent: Tuesday, July 05, 2005 10:57 PM Subject: RE: [WSG] Image Thumnail Advice A thumbnail of a web site page would probably look sharper as a gif instead of a jpeg. You mentioned lossy compression. That is what made me assume you are saving them as jpeg. Try gif or png instead. Otherwise the previous advice sounds great. Ted From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of WebmasterSent: Sunday, July 03, 2005 8:05 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] Image Thumnail Advice Hi Cole, Your mistake can also be step 3. If you're on a Windows box then you're quite possibly dealing with conflicting image resolutions. If you create a new image in Photoshop you'll notice that it's most likely set to 72dpi. I believe Windwos default is 80(?). I then recommend using the Image-Image Size... menu item to resize images, not Transform-Scale. If you're going to use a sharpen filter then go with Unsharp Mask ona settingn of about 150%, 1.2px, 7 threshold.You can then simply Ctrl-F to apply Last Filter in order to increase the effect if you want more. Paul From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris DawesSent: Sunday, 3 July 2005 1:57 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] Image Thumnail Advice Use save for web then use the resize tab below the output options. Chose jpeg medium from the top. Should be good quality output. Chris Dawes From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7mSent: Sunday, 3 July 2005 12:28 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] Image Thumnail Advice Hello All - I'm having a mess of a time getting sharp thumbnails of the site's I've built into a thumbnail format. Here's what I do: 1. Load the home page of a site into a browser 2. Use a screen capture utility to snap an image of the home page 3. paste the capture into PhotoShop 4. Transform/Scale the image from it's captured size (760 pixels x 550 pixels) down to a165x 115 pixel thumbnail And...everything turns to mud - or pretty close to it. If I sharpen the thumb, it's slightly better, but sharpen too much and it's "halo" city. Yuck. I know it's an issue of pixel loss during the reduction, but what to do? Surely there must be a better way as I've seen some sites with small thumbs of large images that are excellent looking. What are they doing (or what are YOU doing) that I'm not? Thanks to al in advance, Cole
RE: [WSG] Image Thumnail Advice
A thumbnail of a web site page would probably look sharper as a gif instead of a jpeg. You mentioned lossy compression. That is what made me assume you are saving them as jpeg. Try gif or png instead. Otherwise the previous advice sounds great. Ted From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Webmaster Sent: Sunday, July 03, 2005 8:05 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Image Thumnail Advice Hi Cole, Your mistake can also be step 3. If you're on a Windows box then you're quite possibly dealing with conflicting image resolutions. If you create a new image in Photoshop you'll notice that it's most likely set to 72dpi. I believe Windwos default is 80(?). I then recommend using the Image-Image Size... menu item to resize images, not Transform-Scale. If you're going to use a sharpen filter then go with Unsharp Mask ona settingn of about 150%, 1.2px, 7 threshold.You can then simply Ctrl-F to apply Last Filter in order to increase the effect if you want more. Paul From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Dawes Sent: Sunday, 3 July 2005 1:57 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Image Thumnail Advice Use save for web then use the resize tab below the output options. Chose jpeg medium from the top. Should be good quality output. Chris Dawes From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7m Sent: Sunday, 3 July 2005 12:28 PM To: wsg@webstandardsgroup.org Subject: [WSG] Image Thumnail Advice Hello All - I'm having a mess of a time getting sharp thumbnails of the site's I've built into a thumbnail format. Here's what I do: 1. Load the home page of a site into a browser 2. Use a screen capture utility to snap an image of the home page 3. paste the capture into PhotoShop 4. Transform/Scale the image from it's captured size (760 pixels x 550 pixels) down to a165x 115 pixel thumbnail And...everything turns to mud - or pretty close to it. If I sharpen the thumb, it's slightly better, but sharpen too much and it's halo city. Yuck. I know it's an issue of pixel loss during the reduction, but what to do? Surely there must be a better way as I've seen some sites with small thumbs of large images that are excellent looking. What are they doing (or what are YOU doing) that I'm not? Thanks to al in advance, Cole
RE: [WSG] Image Thumnail Advice
Hi Cole, Your mistake can also be step 3. If you're on a Windows box then you're quite possibly dealing with conflicting image resolutions. If you create a new image in Photoshop you'll notice that it's most likely set to 72dpi. I believe Windwos default is 80(?). I then recommend using the Image-Image Size... menu item to resize images, not Transform-Scale. If you're going to use a sharpen filter then go with Unsharp Mask ona settingn of about 150%, 1.2px, 7 threshold.You can then simply Ctrl-F to apply Last Filter in order to increase the effect if you want more. Paul From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris DawesSent: Sunday, 3 July 2005 1:57 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] Image Thumnail Advice Use save for web then use the resize tab below the output options. Chose jpeg medium from the top. Should be good quality output. Chris Dawes From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7mSent: Sunday, 3 July 2005 12:28 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] Image Thumnail Advice Hello All - I'm having a mess of a time getting sharp thumbnails of the site's I've built into a thumbnail format. Here's what I do: 1. Load the home page of a site into a browser 2. Use a screen capture utility to snap an image of the home page 3. paste the capture into PhotoShop 4. Transform/Scale the image from it's captured size (760 pixels x 550 pixels) down to a165x 115 pixel thumbnail And...everything turns to mud - or pretty close to it. If I sharpen the thumb, it's slightly better, but sharpen too much and it's "halo" city. Yuck. I know it's an issue of pixel loss during the reduction, but what to do? Surely there must be a better way as I've seen some sites with small thumbs of large images that are excellent looking. What are they doing (or what are YOU doing) that I'm not? Thanks to al in advance, Cole
Re: [WSG] Image Thumnail Advice
Cole Kuryakin - x7m wrote: What are they doing (or what are YOU doing) that I'm not? i size my thumbnails from the original. dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Image Thumnail Advice
Use save for web then use the resize tab below the output options. Chose jpeg medium from the top. Should be good quality output. Chris Dawes From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7m Sent: Sunday, 3 July 2005 12:28 PM To: wsg@webstandardsgroup.org Subject: [WSG] Image Thumnail Advice Hello All - I'm having a mess of a time getting sharp thumbnails of the site's I've built into a thumbnail format. Here's what I do: 1. Load the home page of a site into a browser 2. Use a screen capture utility to snap an image of the home page 3. paste the capture into PhotoShop 4. Transform/Scale the image from it's captured size (760 pixels x 550 pixels) down to a165x 115 pixel thumbnail And...everything turns to mud - or pretty close to it. If I sharpen the thumb, it's slightly better, but sharpen too much and it's halo city. Yuck. I know it's an issue of pixel loss during the reduction, but what to do? Surely there must be a better way as I've seen some sites with small thumbs of large images that are excellent looking. What are they doing (or what are YOU doing) that I'm not? Thanks to al in advance, Cole
RE: [WSG] Image Thumnail Advice
You wrote: 3. paste the capture into PhotoShop 4. Transform/Scale the image from it's captured size (760 pixels x 550 pixels) down to a165x 115 pixel thumbnail First, don't use transform/scale. Use the Image...Image Size command. It should already be set correctlyto 72 dpi, constrain dimensions (checked), resample...bicubic (checked). If not, make it so. Now, resize in steps. If you're starting with 760, half it. Now resize again at least once more. I'd probably divide the max dimension intothree or fourand resize it progressively down. Next apply an Unsharp Mask (Filter...Sharpen...Unsharp Mask). Somewhere between 50 and 100% should do the trick. Every once in awhile there is value to sharpening after each resize. It depends on the image. You could also use bicubic sharpen but honestly I usually see better results with a sharpen only applied on the final image. Alternately, if you're trying to include thumbnails of screenshots in a print portfolio (?), go toImage...Image Size and change the resolution to 300.Keepthe constrain dimensions checked, but this time change the resample dropdown to"Nearest Neighbor" (checked). This last part will avoid anti-aliasing. Key is saving it as a TIF or similar at this point...If you "save for web..." you'll end up back at 72 dpi. Jona Web Services MEA
RE: [WSG] Image Thumnail Advice [THREAD CLOSED]
Ok, enough on that thanks. This is a 'PhotoShop how to'rather thana Web Standards discussion. Peter
