Got an image problem? Start with better digital images. There’s no better—or worse—way to convey your company’s message than with an image. It is your image. It is true that professionals must be involved creating your corporate identity or advertising campaigns, but you can take the task of preparing images to include in your interactive stuff. Joe Smith, art & code guy with Art Dude™ Creative, will guide us through the basics of pixels, resolutions and color. We will crack open some images, learn their structures, manipulate their attributes, observe their aesthetics, determine their thousand words (in every picture), optimize their algorithms (not as geeky as it sounds), and avoid internet image pitfalls. Time and interests allowing, we can delve into more advanced topics like masking, using text in an image, special effects, or color correction.

1. Joe Smith
designer, developer
Saturday, March 3, 12

2. 1px by 1px
1 pixel
24 bit color
RGB
Saturday, March 3, 12

3. 2px by 2px
4 pixels
24 bit color
Saturday, March 3, 12

4. 14px by 14px
196 pixels
24 bit color
Saturday, March 3, 12

5. 40px by 40px
1,600 pixels
24 bit color
Saturday, March 3, 12

6. 110px by 110px
12,100 pixels
24 bit color
Saturday, March 3, 12

7. 230px by 230px
52,900 pixels
24 bit color
Saturday, March 3, 12

8. 630px by 630px
396,900 pixels
24 bit color
Saturday, March 3, 12

9. 2,636px by 3,923px
10,341,028 pixels
24 bit color
Saturday, March 3, 12

10. 110px by 110px
12,100 pixels
24 bit color
8 bit color
1 bit color
Saturday, March 3, 12

11. 1 Bit Color
digital color is binary
one’s and zeros 010101
2 1 = 2 colors
8 Bit Color
28 = 256 colors
24 Bit Color
224 = 16,777,216
Saturday, March 3, 12

12. 1 bit color
2 colors
black and white
Saturday, March 3, 12

13. RGB
Red (256 variants)
Green (256 variants)
Blue (256 variants)
256
x 256
x 256
16,777,216
Saturday, March 3, 12

14. Cyan
Magenta
Yellow
Black
Saturday, March 3, 12

15. Printing on paper
with a limited
number of colors
Saturday, March 3, 12

16. Digital Prints are
confined to
Dots Per Inch
DPI
Saturday, March 3, 12

17. PPI
LPI
DPI
Saturday, March 3, 12

18. 630px by 630px
396,900 pixels
24 bit color
Saturday, March 3, 12

19. Macbook Pro
15 inch (diagonal)
13 inches wide
1440 pixels wide
~110 ppi
Saturday, March 3, 12

20. iPad 2
1024 by 768
132 ppi
Saturday, March 3, 12

21. iPhone 3gs
480 by 320
163 ppi
Saturday, March 3, 12

22. iPhone 4gs
960 by 640
326 ppi
Saturday, March 3, 12

23. Adobe Photoshop
for resampling images
Target Size
800 by 800 pixels
@72 ppi
Saturday, March 3, 12