Webmaster Forum

Go Back   Webmaster Forum > Web Development > Graphic Design Forum

Graphic Design Forum Discuss and share graphic design and multimedia topics and projects, including ads, banners, logos, etc. Be creative. Be original. Show us what you got. Constructive criticism only!


Reply
 
LinkBack Thread Tools Display Modes
Old 04-14-2004, 03:13 PM   #1 (permalink)
Junior Member
 
Join Date: 04-14-04
Posts: 10
iTrader: 0 / 0%
Latest Blog:
None

182John is liked by many
Reducing image size...How To?

I would like to reduce the image sizes on my website because it makes my site load very slow. All this was the work of my graphics designer which is no longer employed.

How do I make the images smaller so they can load quicker? Any tips? I have the Photoshop program.
182John is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 03:14 PM   #2 (permalink)
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Latest Blog:
None

Jazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebody
File... Save For Web in Photoshop. Play with the options in there.
Jazzee is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:06 PM   #3 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
http://www.internet-marketing-resear...tml&highlight=

6th post from the top ..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:18 PM   #4 (permalink)
Junior Member
 
Join Date: 04-14-04
Posts: 10
iTrader: 0 / 0%
Latest Blog:
None

182John is liked by many
Thanks! Should we always save as jpg or gif?
182John is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:21 PM   #5 (permalink)
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Latest Blog:
None

Jazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebody
Depends on the image and how many colors are in it. Try both ways. You can see right in the save for web page how big a file will be and what the quality will be with different options.
Jazzee is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:23 PM   #6 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by 182John
Thanks! Should we always save as jpg or gif?
I would for now untill you really understand the differences between these 2 and the others .. I'll dig you up another link that may help..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:26 PM   #7 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
* JPEG (Joint Photographic Experts Group):
JPEG is a standardised image compression mechanism. JPEG is designed for compressing either full-colour (24 bit) or grey-scale digital images of "natural" (real-world) scenes.
It works well on photographs, naturalistic artwork, and similar material; not so well on lettering, simple cartoons, or black-and-white line drawings (files come out very large). JPEG handles only still images, but there is a related standard called MPEG for motion pictures.
JPEG is "lossy", meaning that the image you get out of decompression isn't quite identical to what you originally put in. The algorithm achieves much of its compression by exploiting known limitation of the human eye, notably the fact that small colour details aren't perceived as well as small details of light-and-dark. Thus, JPEG is intended for compressing images that will be looked at by humans.
A lot of people are scared off by the term "lossy compression". But when it comes to representing real-world scenes, no digital image format can retain all the information that impinges on your eyeball. By comparison with the real-world scene, JPEG loses far less information than GIF.
A useful property of JPEG is that the degree of lossiness can be varied by adjusting compression parameters. This means that the image maker can trade off file size against output image quality.
For good-quality, full-color source images, the default quality setting (Q 75) is very often the best choice. Try Q 75 first; if you see defects, then go up.
Except for experimental purposes, never go above about Q 95; using Q 100 will produce a file two or three times as large as Q 95, but of hardly any better quality. If you see a file made with Q 100, it's a pretty sure sign that the maker didn't know what he/she was doing.
If you want a very small file (say for preview or indexing purposes) and are prepared to tolerate large defects, a Q setting in the range of 5 to 10 is about right. Q 2 or so may be amusing as "op art".

* GIF (Graphics Interchange Format):
The Graphics Interchange Format was developed in 1987 at the request of Compuserve, who needed a platform independent image format that was suitable for transfer across slow connections. It is a compressed (lossless) format (it uses the LZW compression) and compresses at a ratio of between 3:1 and 5:1
It is an 8 bit format which means the maximum number of colours supported by the format is 256.
There are two GIF standards, 87a and 89a (developed in 1987 and 1989 respectively). The 89a standard has additional features such as improved interlacing, the ability to define one colour to be transparent and the ability to store multiple images in one file to create a basic form of animation.
Both Mosaic and Netscape will display 87a and 89a GIFs, but while both support transparency and interlacing, only Netscape supports animated GIFs.

* PNG (Portable Network Graphics format):
In January 1995 Unisys, the company Compuserve contracted to create the GIF format, announced that they would be enforcing the patent on the LZW compression technique the GIF format uses. This means that commercial developers that include the GIF encoding or decoding algorithms have to pay a license fee to Compuserve. This does not concern users of GIFs or non-commercial developers.
However, a number of people banded together and created a completely patent-free graphics format called PNG (pronounced "ping"), the Portable Network Graphics format. PNG is superior to GIF in that it has better compression and supports millions of colours. PNG files end in a .png suffix.
PNG is supported in Netscape 4.03 and above. For more information, try www.cdrom.com/pub/png/

*When should I use JPEG, and when should I stick with GIF?
-JPEG is not going to displace GIF entirely. For some types of images, GIF is superior in image quality, file size, or both. One of the first things to learn about JPEG is which kinds of images to apply it to.
Generally speaking, JPEG is superior to GIF for storing full-color or grey-scale images of "realistic" scenes; that means scanned photographs and similar material. Any continuous variation in color, such as occurs in highlighted or shaded areas, will be represented more faithfully and in less space by JPEG than by GIF.
GIF does significantly better on images with only a few distinct colors, such as line drawings and simple cartoons. Not only is GIF lossless for such images, but it often compresses them more than JPEG can. For example, large areas of pixels that are all exactly the same color are compressed very efficiently indeed by GIF. JPEG can't squeeze such data as much as GIF does without introducing visible defects. (One implication of this is that large single-color borders are quite cheap in GIF files, while they are best avoided in JPEG files.)
Computer-drawn images (ray-traced scenes, for instance) usually fall between photographs and cartoons in terms of complexity. The more complex and subtly rendered the image, the more likely that JPEG will do well on it. The same goes for semi-realistic artwork (fantasy drawings and such).
JPEG has a hard time with very sharp edges: a row of pure-black pixels adjacent to a row of pure-white pixels, for example. Sharp edges tend to come out blurred unless you use a very high quality setting. Edges this sharp are rare in scanned photographs, but are fairly common in GIF files: borders, overlaid text, etc. The blurriness is particularly objectionable with text that's only a few pixels high. If you have a GIF with a lot of small-size overlaid text, don't JPEG it.
Plain black-and-white (two level) images should never be converted to JPEG; they violate all of the conditions given above. You need at least about 16 grey levels before JPEG is useful for grey-scale images. It should also be noted that GIF is lossless for grey-scale images of up to 256 levels, while JPEG is not.
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:27 PM   #8 (permalink)
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Latest Blog:
None

Jazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebody
Wow. Nice, Atom
Jazzee is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:28 PM   #9 (permalink)
Junior Member
 
Join Date: 04-14-04
Posts: 10
iTrader: 0 / 0%
Latest Blog:
None

182John is liked by many
Does images displayed as backgrounds need to be optimized?
182John is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:29 PM   #10 (permalink)
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Latest Blog:
None

Jazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebodyJazzee is liked by somebody
Yes, you should optimize them.
Jazzee is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:38 PM   #11 (permalink)
Junior Member
 
Join Date: 04-14-04
Posts: 10
iTrader: 0 / 0%
Latest Blog:
None

182John is liked by many
Well im using PhotoShop CS and when i click on "save for web", it automatically opens up another window called "Image Ready" and using the tutorial given by Atom, it seems to optimize the graphics for you. I just open up the image, save for web, and it adjusts the image size. No blotchiness, etc and trimmed down file size. Great tool.
182John is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:41 PM   #12 (permalink)
Junior Member
 
Join Date: 04-14-04
Posts: 10
iTrader: 0 / 0%
Latest Blog:
None

182John is liked by many
One last question, is there a site or tool I can use to check my site load speed just so I can compare it with the changes.
182John is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:46 PM   #13 (permalink)
Contributing Member
 
Fusion's Avatar
 
Join Date: 03-08-04
Posts: 1,268
iTrader: 0 / 0%
Latest Blog:
None

Fusion is a jewel in the roughFusion is a jewel in the roughFusion is a jewel in the roughFusion is a jewel in the roughFusion is a jewel in the roughFusion is a jewel in the roughFusion is a jewel in the rough
Send a message via MSN to Fusion Send a message via Yahoo to Fusion
It should save it for web in PS, Im not sure about the last question you could try to hover your mouse above the folder, that details the file size
__________________
Business directory

Fusion is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:47 PM   #14 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by Jazzee
Wow. Nice, Atom
Yeah ... I've read this about 5 times and, it "still" hasn't completely sank in...
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 04:50 PM   #15 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by 182John
One last question, is there a site or tool I can use to check my site load speed just so I can compare it with the changes.
yes.... I'll see if I can find it... I hope I can.. : /
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 05:04 PM   #16 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
yeah... here you go... I've never used it but it looks pretty kool..

http://www.websiteoptimization.com/services/analyze/

Edit: I just tried it out and it's pretty neet..

...my site is 83k and loads in 5.47sec for someone with a 128k connection.
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 05:17 PM   #17 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by 182John
Well im using PhotoShop CS and when i click on "save for web", it automatically opens up another window called "Image Ready" and using the tutorial given by Atom, it seems to optimize the graphics for you. I just open up the image, save for web, and it adjusts the image size. No blotchiness, etc and trimmed down file size. Great tool.
Kool... I have Image Ready but have never used it... lol .. sounds good if you have a lot of images to optimize ... I'm gonna have to try that out one of these days...
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 05:26 PM   #18 (permalink)
Potato Monster
 
Immo's Avatar
 
Join Date: 03-26-04
Location: Chester, England
Posts: 1,531
iTrader: 0 / 0%
Immo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest orderImmo is a web professional of the highest order
Send a message via ICQ to Immo Send a message via AIM to Immo Send a message via MSN to Immo Send a message via Yahoo to Immo Send a message via Skype™ to Immo
Are there any more accurate ones that this Atom because I got the following results

14.4K 63.98 seconds
28.8K 33.49 seconds
33.6K 29.13 seconds
56K 18.68 seconds
ISDN 128K 7.80 seconds
T1 1.44Mbps 3.42 seconds

Thats is total poop On my 1mb connection my site loads in about 1/2 a second. 3.42 on a 1.44mb T1 I think not

I suppose it depends on the server location but bleh bleh bleh..!
Immo is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-14-2004, 05:40 PM   #19 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by ncsuk
Are there any more accurate ones that this Atom because I got the following results

14.4K 63.98 seconds
28.8K 33.49 seconds
33.6K 29.13 seconds
56K 18.68 seconds
ISDN 128K 7.80 seconds
T1 1.44Mbps 3.42 seconds

Thats is total poop On my 1mb connection my site loads in about 1/2 a second. 3.42 on a 1.44mb T1 I think not

I suppose it depends on the server location but bleh bleh bleh..!
What is the size of your page?
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 06-21-2004, 04:49 AM   #20 (permalink)
Senior Member
 
Join Date: 06-09-04
Posts: 205
iTrader: 0 / 0%
Latest Blog:
None

seoguru is liked by many
I have a simple suggestion.. when you have lots of text use .gif and when text is not that important but image texture is use.jpg

lol... This much imformation serve all my website purposes. ...lol
seoguru is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Graphic Design Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I make an image size relative to screen resolution? CountryNaturals Coding Forum 10 10-22-2007 08:13 AM
Image size warning - current thinking baldlygo Web Usability 7 10-05-2007 08:06 AM
dynamic image in PHP: text size problem gnznroses Coding Forum 6 01-03-2006 05:54 PM
What Size Should Image Be For A Paper Print out SFC Graphic Design Forum 9 12-13-2004 06:49 PM
Reducing image file size... jonsimons Graphic Design Forum 10 10-06-2004 11:30 AM


Sponsor Links
Get exposure! Contextual Links V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 03:07 PM.
© Copyright 2008 V7 Inc
Powered by vBulletin
Copyright © 2000-2009 Jelsoft Enterprises Limited.


Search Engine Optimization by vBSEO 3.3.0 ©2009, Crawlability, Inc.