Google
 

The Ultimate Guide for switching from a PC to a Mac
(Part 2 - coming soon)

Friday, May 9, 2008

Size of JPG from Photoshop or Pixelmator!

I don't really understand why, but saving out a JPG with Photoshop at "best" quality creates a JPG that is twice the size of a JPG at "best" in Pixelmator. The difference is usually a few kilobytes, but these few kilobytes make a huge difference for your bandwidth usage on the web. It is also very important if you are creating a "mobile" website. I often do work in Photoshop (for flexibility) and reopen and save in Pixelmator to save space. If anyone knows why there is such a big difference between Photoshop and Pixelmator, please post about it in the comments.

9 Comments:

Blogger Dennis said...

I dunno if it makes a big difference, (not tested it) but in photoshop there is a option "save for web"(or something similar). This could maybe help create a smaller jpg file

May 9, 2008 at 3:31 AM  
Blogger doogla531 said...

Save for web in Photoshop does make a big difference. I use it a lot.

May 9, 2008 at 4:19 AM  
Blogger mr.gone said...

Doing a lot of web graphics in Photoshop, I can tell you that Save For Web makes a noticeable difference. I usually set the quality setting when in this mode at between 60-70%.

Mr.Gone

May 9, 2008 at 4:26 AM  
Blogger KingoftheHull said...

Pixelmator is RGB based whilst Photoshop is numerous modes which is why the file sizes are bigger.

May 9, 2008 at 4:56 AM  
Blogger Dor said...

Yes, I use "Save for Web" for any kind of file: gif, jpg, png. The size is reduced by a lot compared to the normal saving option and quality is on best - I don't know why though.

May 9, 2008 at 6:44 AM  
Blogger maluka said...

I'm not a photoshop user, but my (un)educated guess would be "Save for Web" saves at 72 dpi

May 9, 2008 at 7:49 AM  
Blogger Dominic P. Tremblay said...

Yeah, there is no use saving at 300 dpi when the graphic will not be printed, just displayed on a monitor...

May 9, 2008 at 8:08 AM  
Blogger Matt said...

Whenever you are creating or working with graphics to be displayed in web, Photoshop "Save for Web" is the way you need to go. When you "Save as" the jpg gives you 0-12 levels of compression as well as will retain all the EXIF data that is embedded in the image. Saving for web not only will strip out the extra data from the image, it will also make sure it is in the right bit-depth (8) and right color space (sRGB). Adobe designed this for web graphic optimization and as a professional Visual Web Designer, I will say that Save for Web is the way you should go to optimize your graphics for the web.

Hope this helps! :)

May 9, 2008 at 9:14 AM  
Blogger lavacanacho said...

When you use "Save for the web" in Potoshop you save the space occuppied of the icon preview in finder. In a 50 kbs image it is about the 25% of memory.

Congratulations for you blog!

May 10, 2008 at 11:13 AM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home

Brain Toniq. Clear the head fog
Pay Per Click Ads by pay per click advertising by Kontera