Regarding images in website

arun_ragahv2000 · 02-06-2010, 12:48 PM

Hi All,

I am new to forum. I have been strucked while creating websites. When i reduce the file size of an image the resolution is completely lost..

I have been struck in this image optimisation for the past one month. Please send me a solution where can i get this image optimization is done without affecting the quality of the image. In brief, i need a 1MB image to be 20-30 KB.

Can anyone suggest me a solution.

Enjoy life
Arunkumar Raghavan

jonweb2009 · 02-06-2010, 02:37 PM

That is impossible, a file size of 1mb will have bigger dimensions.

hmm.. may be try this online compresion service

http://smush.it

optimus203 · 02-06-2010, 06:19 PM

Do you use Photoshop? It has a great "Save For Web" option which shrinks the file size down accordingly. But when you shrink file size, you will always be loosing some (if not lots) of quality.

arun_ragahv2000 · 02-08-2010, 04:50 AM

I am using photoshop only.Using save for web devices only. But the resolution is too low.
But look at this site.
http://arbutusphotography.com/
The images here have more dimensions, but the file size is150 KB only. But the resolution is high. Please help me.

Have Fun

bcrump · 02-08-2010, 05:27 PM

Perhaps for someone new to graphics design you can try and learn a bit of Fireworks it easier to resize than with other pro graphic applications.

joshuthomas · 02-08-2010, 06:45 PM

Hi Arun Raghav,

there is a simple solution to your problem.
Optimize the image in phtoshop.

keep it in the same resolution, and select the option "save for web"
the result image would be a fraction of the original size and optimized
hope that helped.

regards
josh

The Square Team · 02-10-2010, 03:13 AM

I also agree to some who are suggesting Photoshop. You can resize the image using this software without affecting its quality.

arun_ragahv2000 · 02-12-2010, 08:34 AM

Hey thanks for all. Finally i got it through Save as web devices in Photoshop.

bluecollar01 · 02-12-2010, 03:18 PM

You might look into Gzip compression for your website. It's not compatible with all browsers - only newer ones but it can help reduce page load times by compressing the files as request to the server are made.

For your image I would make it the exact size you need for your site - then choose image size and change resolution to 72 dpi and then as others have said use the "save for web" feature with jpeg compression.

hope this helps.

02-06-2010, 12:48 PM	#1 (permalink)
arun_ragahv2000 New Member Join Date: Feb 2010 Posts: 5	Regarding images in website Hi All, I am new to forum. I have been strucked while creating websites. When i reduce the file size of an image the resolution is completely lost.. I have been struck in this image optimisation for the past one month. Please send me a solution where can i get this image optimization is done without affecting the quality of the image. In brief, i need a 1MB image to be 20-30 KB. Can anyone suggest me a solution. Enjoy life Arunkumar Raghavan

02-06-2010, 02:37 PM	#2 (permalink)
jonweb2009 Bronze Member Join Date: Dec 2009 Posts: 60	That is impossible, a file size of 1mb will have bigger dimensions. hmm.. may be try this online compresion service http://smush.it __________________ HTML PHOTOSHOP ASP.NET, JAVASCRIPT WEB DESIGN TUTORIALS. www.tutorialriver.com

02-06-2010, 06:19 PM	#3 (permalink)
optimus203 New Member Join Date: Nov 2008 Location: CT Posts: 6	Do you use Photoshop? It has a great "Save For Web" option which shrinks the file size down accordingly. But when you shrink file size, you will always be loosing some (if not lots) of quality. __________________ Connecticut Web Design

02-08-2010, 05:27 PM	#5 (permalink)
bcrump New Member Join Date: Feb 2010 Posts: 5	Perhaps for someone new to graphics design you can try and learn a bit of Fireworks it easier to resize than with other pro graphic applications. __________________ SEO Video Marketing

02-08-2010, 06:45 PM	#6 (permalink)
joshuthomas Bronze Member Join Date: Jan 2010 Location: India Posts: 36	Hi Arun Raghav, there is a simple solution to your problem. Optimize the image in phtoshop. keep it in the same resolution, and select the option "save for web" the result image would be a fraction of the original size and optimized hope that helped. regards josh __________________ Web & Graphic Design Blog *Submit to PR4 Directory: Free Submission * Approval in 24 Hrs * Do Follow Linkbacks**

02-08-2010, 04:50 AM	#4 (permalink)
arun_ragahv2000 New Member Join Date: Feb 2010 Posts: 5	I am using photoshop only.Using save for web devices only. But the resolution is too low. But look at this site. http://arbutusphotography.com/ The images here have more dimensions, but the file size is150 KB only. But the resolution is high. Please help me. Have Fun

02-10-2010, 03:13 AM	#7 (permalink)
The Square Team New Member Join Date: Feb 2010 Posts: 1	I also agree to some who are suggesting Photoshop. You can resize the image using this software without affecting its quality. __________________ 10Wordpress

02-12-2010, 08:34 AM	#8 (permalink)
arun_ragahv2000 New Member Join Date: Feb 2010 Posts: 5	Hey thanks for all. Finally i got it through Save as web devices in Photoshop.

02-12-2010, 03:18 PM	#9 (permalink)
bluecollar01 Bronze Member Join Date: Dec 2009 Location: Omaha, NE Posts: 44	You might look into Gzip compression for your website. It's not compatible with all browsers - only newer ones but it can help reduce page load times by compressing the files as request to the server are made. For your image I would make it the exact size you need for your site - then choose image size and change resolution to 72 dpi and then as others have said use the "save for web" feature with jpeg compression. hope this helps. __________________ Web Design \| SEO - Omaha

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode