Thumbnails with Photoshop? Please help.

  • Thread starter Thread starter CAMAROBOY69
  • 14 comments
  • 807 views
CAMAROBOY69

CAMAROBOY69

Premium
Messages
18,567
United States
Michigan
Messages
CAMAROBOY69
I notice on many sites people have thumbnails that are very small in size (approx 2,000 bytes) and around 100x75. Even if I do mine at 100x75 the size is still around 200,000 bytes! I was told I need to make them as thumbnails using Photoshop. I have version 7.0. Any help would be appreciated. I was also told something about creating a batch??
 
That made it smaller but it looks terrible and still not even close to 2,000 bytes. There has to be a better way.
 
I save all my avatars a .gif files, at that size the fact that it only has 256 colours is hard to notice, mostly. I’m not sure what compression is like for .png files, but maybe you should try that.
 
I tried as a .png and it got bigger in size. There has to be an easy way to do this. Avatars are sooo easy so I figured Photoshop would be too. I dont want to DL another gif animator program just to shrink images down.
 
Blake
Upload the image, and I’ll have a look.
Click to expand...
Its not one specific image. I have about 1,000 images to load onto my site. I just want them to load as fast as possible. All I need to know is how to make a small thumbnail in photoshop. If you go to this quick site I made you will see what I am talking about. http://www.adfabdesign.com/Games_pics/AOE3_PICS/AOE3_pics.html
The thumbnails are 464,367bytes. Thats the same exact size as the full picture. It should be a LOT smaller since its a thumbnail. Closer to 2,000bytes.
 
That’s because you’ve declared the size in the HTML. It’s loading the full picture, and just forcing a change on its dimensions.

This is a 125px by 100px .gif, it weights in at about 12,000 bytes. It is bigger than you wanted, but is it the sort of thing you’re after?
aoe2pq.gif
 
I don't have Photoshop (no need for it), but I do use Irfanview.

To make thumbnails with Irfanview, first open it up and select "Batch Conversion/Rename" from the File menu.



Then navigate to the folder that contains the pictures you want to make thumbnails from, select all the pictures and click on "Add" in the Batch Conversion dialog that comes up.



Then, check "Use advanced options" and click on "Set advanced options". Check the "Resize" option and click the "Set new size" radio button. Click "Set both sides to" and enter the width and height you want the thumbnails to be, ensuring the pixels radio button is selected.



Then, just click on Ok and then once your back to the Batch Conversion dialog, click on "Start". A new popup should come up with the progress of each of the conversions and if they all go smoothly you'll be able to see them in the conversion folder. I believe the default conversion folder is "C:\Temp". If the thumbnails are too large, try repeating the procedure on the original files but go into the "Options" on the Batch Conversion dialog and adjust the "Save Quality" to a lower value.

The reason PNG files are (generally) larger than GIFs is that while both are lossless, GIF uses 8 bits (256 colours), whereas (IIRC) PNG uses 32 bits (4294967296 colours). PNGs are almost always larger than JPGs too, because PNGs are lossless but JPGs are lossy.
 
Thank you Blake and especially thank you Amp88 for the very good IrFanView tutorial. I downloaded that and after a few tries I figured it out. Here are the 2 thumbnails I got so far. Wayyyy better than 464,367 bytes!!!:)
100x75(4,000bytes)
screen19nf.jpg

125x100(5,000 bytes)
screen23xo.jpg
 
In Photoshop

open your image

choose Image > Image Size

change it to your desired dimensions, check constrain proportions to keep the height and width in proportion

choose File > Save for Web and choose jpg and scale down the compression setting to get the desired file size.
 
Is there a way in photoshop to grab multiple images at once?
That IrFanView program is soo awesome. I can load 25-50-100 images on it and convert them all instantly at the click of a button. Doesnt get any better than that. I dont think photoshop can do that.
 
CAMAROBOY69
Is there a way in photoshop to grab multiple images at once?
That IrFanView program is soo awesome. I can load 25-50-100 images on it and convert them all instantly at the click of a button. Doesnt get any better than that. I dont think photoshop can do that.
Click to expand...


no i dont think PS has that capability. Its a great program but cant do everything.

mind you i am not expert so i cant say 100% for sure.
 
Give this a read, CB69.

Basically, you set up an action once and then you can breeze through it easily every time after that.
 

Latest Posts

Back