Web images 101

    Images for web

• Crop & resize
• Reduce noise, smart blur & smart sharpen
• Levels, curves, Hue / Saturation & colorize
• Adobe Illustrator graphics / save for web / icons to transparent PNG's
  

    JPEG = Joint Photography Experts Group

• Crop & resize

• Reduce noise

• Smart blur
  

Resources from Laughing Lion Design
http://www.laughing-lion-design.com/2007/07/blurring-filters-in-photoshop-a-closer-look-at-the-smart-blur-and-lens-blur-part-1/

• Smart sharpen

• Hue / Saturation & colorize

    Hue/ Saturation can change overall hue.

    or Colourise.

---

• Levels & curves

• Save for web

    Small size is better for network including web, mobile, etc.
    When you choose the quality of an image,
    › Is that okay or damaged ?

    + JPEG

    + PNG

PNG's advantages for Web application: Transparent graphics works well on different backgrounds, and it is widely used on the web. Even though both PNG and GIF formats can produce transparent effects, the PNG format really has three main advantages over GIF: alpha channels (variable transparency), gamma correction (cross-platform control of image brightness), and two-dimensional interlacing (a method of progressive display). PNG also compresses better than GIF.

Resources from Source Tec Software - http://www.sothink.com/page/logo-design/png-logo.htm