Ceramic Tile Advice Forums - John Bridge Ceramic Tile

Welcome to John Bridge / Tile Your World, the friendliest DIY Forum on the Internet


Advertiser Directory
JohnBridge.com Home
Buy John Bridge's Books

Go Back   Ceramic Tile Advice Forums - John Bridge Ceramic Tile > Other forums > Computer Training

Sponsors


Reply
 
Thread Tools Search this Thread
Old 08-18-2004, 07:00 PM   #1
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
How to Resize Your Images and Upload to the Forum

As of 1/4/2009 the forum software will automatically resize the photos you upload using the Manage Attachments option. You may still want to learn about cropping and resizing, very handy to know how to do regardless of whether you are posting to the forum or not.

NEW FORUM POSTING SIZES - 600 x 800 pixels and no larger than 50kb




Hi folks,

I know there are many of you that use a little program called IrfanView to manipulate your photos for uploading to the forums here.

I had someone request that I share how I get my images so large but still within the forum rules (50kb and 600 x 800 pixels). Here is one technique that should help you.

The sample photo I'm attaching to this post is appr. 4 megapixels. Its original dimensions(in pixels) is 2280 x 1824 and the filesize is 849kb. Now this is pretty big and is roughly the equivalent of an 8x10 photo print in reasonably high quality. Certainly it's too big to upload here!

I start by opening the original image file in IrfanView. The first thing I want to do is reduce the number of pixels to what the forum expects (maximum of 600 x 800).

From IfranView's menu, select "Image" then in list of options select "Resize/Resample". Use the "Set new size as percentage of original" option. We need to reduce the sizeto about 1/3 of the original so enter "35" in the "Width" box. (To maintain the original proportions leave the "Preserve aspect ratio" box checked!)

You should notice the area on the Resize window where it shows you the current size and the new size. Just adjust the percentage of original until you get to the final size you want.

OK, the new size has been chosen, just click on OK for the change to take effect.

If you were to save the file after resizing (give it a new name so you still have your original high quality image) it you should notice that it has a much smaller file size, somewhere around 75kb in my example. This is too large too upload to the forum, even though the pixel width/height is OK. So, time to make another change...

After resizing the overall pixel dimensions you need to change the overall compression while saving the image. I usually save my images in "jpg" format.

In IrfanView, select "File" from the menu, then select "Save As". In the save as type box, select "JPG -JPEG Files". A small window will open with JPEG/GIF save options. Move the Save Quality slider to 60% and then save the file. (The default is 80% but we have to get this image down to 50kb).

If the file is still too large you can resave it adjusting the save quality to a lower number.

To get the largest overall picture size you must keep as many pixels as allowed (600 x 800) while reducing the file size to 50kb.

A couple of other hints - Crop your photo before resizing it. If the important parts of the photo are in the center of the original you can get rid of the rest by selecting an area and crop to selection.

Once you have your photos resized, they are ready to upload. Below the screen where you type your post, there is a section called Manage Attachments. Click on that and you will be guided through the upload process. Do NOT preview the post or you will lose the uploaded photos. It's just a quirk in the system.

Here are some resized images....
Attached Images
  

Last edited by jgleason; 01-04-2009 at 02:33 PM. Reason: New forum software
jgleason is offline   Reply With Quote
Sponsored Links
Old 08-19-2004, 07:45 AM   #2
Steven Hauser
STT Owner
 
Steven Hauser's Avatar
 
Join Date: Mar 2003
Location: Greenville, South Carolina
Posts: 5,156


Nice to Know.

__________________
Clean
Sealed
Safe
Products and Practices Perfected™
STT Sealers with Attitude!®
Steven Hauser is offline   Reply With Quote
Old 08-19-2004, 07:59 AM   #3
cx
da Home-builder -- Moderator-at-Large
 
cx's Avatar
 
Join Date: Jul 2001
Location: Boerne, Texas
Posts: 85,157
Thanks, Joe.
__________________
CX

Y'ALL NEW VISITORS READ THIS HERE!
cx is offline   Reply With Quote
Old 08-20-2004, 06:48 AM   #4
John Bridge
Mudmeister
 
Join Date: Mar 2001
Location: Houston, Texas
Posts: 66,636
Send a message via AIM to John Bridge
Very well done. I'll stick this in the Liberry. Better yet, maybe I'll make a page and stick it in the FAQ (I mean have Dave stick it in the FAQ).
John Bridge is offline   Reply With Quote
Old 08-21-2004, 08:41 AM   #5
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
Here's an image of the resize controls in IrfanView. When adjusting the percentage the new size will be updated automatically. when you get the new size where you want it (no more than 600x800 for the forums) apply the changes by clicking the OK button at the bottom of the Resize control window.

Note: The image below shows 800 x 600 which is wrong. 600 x 800 is the max allowed on the forums.
Attached Images
 

Last edited by jgleason; 02-22-2006 at 02:27 PM.
jgleason is offline   Reply With Quote
Old 08-21-2004, 02:09 PM   #6
John Bridge
Mudmeister
 
Join Date: Mar 2001
Location: Houston, Texas
Posts: 66,636
Send a message via AIM to John Bridge
I've posted a reference to this in the Liberry. Thanks, Joe.
John Bridge is offline   Reply With Quote
Old 08-21-2004, 02:57 PM   #7
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
Your welcome John.

I was going to create a little tutorial for some of the basic IrfanView tasks but I have foound a site online that has already done the hard work for me!

Here's the link to IrfanView Tutorials.

There are lots of step-by-step examples of most of the functions available in IrfanView. Enjoy!
jgleason is offline   Reply With Quote
Old 09-17-2004, 11:51 PM   #8
Thomason Tile & Flooring
Registered User
 
Join Date: Jul 2004
Location: Wichita, KS
Posts: 45
Send a message via AIM to Thomason Tile & Flooring Send a message via Yahoo to Thomason Tile & Flooring
I just use Adobe Photoshop or Fuji Film's FinePixViewer - which is extremely easy to use, and works well for taking care of your digital photos from the jobsite as well.
__________________
Thomason Tile & Flooring is offline   Reply With Quote
Old 09-18-2004, 09:29 PM   #9
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
Hi Ted,

There are many programs out there, IrfanView happens to be free which is why it gets recommended around here. (At least I think that's why)

Photoshop is great, I don't much care for the FinePix Viewer though. I've got all kinds of software available to me but here is what I usually work with:

Basic image editing/manipulating:

1. PaintShopPro 8
2. Corel PhotoPaint11
3. Adobe Photoshop
4. Adobe Photoshop Elements 2.0

Page Layout/Vector drawing:

1. CorelDraw11

Screen Capture:

1. Snagit5
jgleason is offline   Reply With Quote
Old 09-18-2004, 10:23 PM   #10
Dog paws
Tileman
 
Join Date: Apr 2002
Location: Dayton, OH
Posts: 1,228
Joe, is it possible to resize with Adobe Photoshop? If so, could you give a brief rundown on how to do it?
__________________
Michael
Dog paws is offline   Reply With Quote
Old 09-19-2004, 06:53 AM   #11
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
Resize with Photoshop...

1. Open up the image that you want to resize. File> Open.

2. From the "Image" drop down menu, select Image Size.

3. Type in the desired Width and Height. To resize the Width and Height evenly, check the Constrain Proportions box.

4. From the "File" drop down menu, select Save for the Web.

5. Select either the 2-Up Tab on the upper left (Before and After Optimizing) or 4-Up will show you 4 options to choose from.

6a. Select either Jpeg or Gif. (Jpeg is for images with color gradients in them and Gif is best for images with solid colors)

6b. Select either Low, Medium or High. These options will alter the file size as well as the quality so, look carefully at the outcome before choosing one. If in doubt, start with Medium.

6c. Leave Progressive and ICC Profile "Unchecked"

7. Click on "Save" In the "Save Optimized As" pop up window.

Remember, images with higher pixel counts will appear larger when posted. Crop away any unnecessary portions of the image before resizing.
jgleason is offline   Reply With Quote
Old 03-24-2005, 11:04 AM   #12
mugentuner
Registered User
 
mugentuner's Avatar
 
Join Date: Mar 2005
Posts: 94
Thumbs up

Quote:
Originally Posted by jgleason
1. Open up the image that you want to resize. File> Open.

2. From the "Image" drop down menu, select Image Size.

3. Type in the desired Width and Height. To resize the Width and Height evenly, check the Constrain Proportions box.

4. From the "File" drop down menu, select Save for the Web.

5. Select either the 2-Up Tab on the upper left (Before and After Optimizing) or 4-Up will show you 4 options to choose from.

6a. Select either Jpeg or Gif. (Jpeg is for images with color gradients in them and Gif is best for images with solid colors)

6b. Select either Low, Medium or High. These options will alter the file size as well as the quality so, look carefully at the outcome before choosing one. If in doubt, start with Medium.

6c. Leave Progressive and ICC Profile "Unchecked"

7. Click on "Save" In the "Save Optimized As" pop up window.

Remember, images with higher pixel counts will appear larger when posted. Crop away any unnecessary portions of the image before resizing.
I just wanted to give Kudos to the New improved version of Paint shop Pro ver. 9.0 as well from JASC software. I've got Photoshop and used other 'expensive' editors and rank PSP 9.0 highest for it's ease of use (very nice learning curve). Give it a try.
mugentuner is offline   Reply With Quote
Old 03-25-2005, 06:57 PM   #13
jgleason
Moderator - Theatre Guy (and computers)
 
jgleason's Avatar
 
Join Date: Mar 2004
Location: Weare, NH
Posts: 8,840
Test Post
Attached Images
 
jgleason is offline   Reply With Quote
Old 09-09-2005, 03:25 PM   #14
davem
Systems Engineer and Moderator, JB Forums
 
davem's Avatar
 
Join Date: May 2002
Location: Dexter, MI
Posts: 13,727
Send a message via AIM to davem Send a message via Yahoo to davem
Here's a flash video that shows how to use irfanview to crop, resize, then save as a jpg with reduced quality. Picture goes from 361K 1600x1200 to 11K 600x380. In the demo I unchecked to boxes to keep original EXIF data, etc. That saves around 5K or so.

Resize an image with Irfanview
davem is offline   Reply With Quote
Old 09-09-2005, 05:17 PM   #15
JTG
Registered User
 
JTG's Avatar
 
Join Date: Nov 2002
Location: Ballard, WA
Posts: 4,495
Thanks Dave I learned something there. Unchecking the boxes.
I have always thought that the pictures I download are smaller than others and never look as crisp.
Question. I take most of the pictures with the camera on the tv setting for image mode (640) If I increase this will that allow me to keep the new image larger and crisper once they have been resized?
Thanks
Jerry
__________________
Jerry

Santa Seattle
Ballard

http://www.facebook.com/home.php#!/SantaJerryinBallard
JTG is offline   Reply With Quote
Reply

Stonetooling.com   Tile-Assn.com   National Gypsum Permabase


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting 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
Forum Jump


All times are GMT -6. The time now is 11:24 AM.


Sponsors

Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright 2014 John Bridge & Associates, LLC