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.
posted by Frederic Tremblay at
5/09/2008
9 Comments:
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
Save for web in Photoshop does make a big difference. I use it a lot.
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
Pixelmator is RGB based whilst Photoshop is numerous modes which is why the file sizes are bigger.
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.
I'm not a photoshop user, but my (un)educated guess would be "Save for Web" saves at 72 dpi
Yeah, there is no use saving at 300 dpi when the graphic will not be printed, just displayed on a monitor...
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! :)
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!
Post a Comment
Subscribe to Post Comments [Atom]
<< Home