Оптимизация и нарезка графики для профессиональной...
TRANSCRIPT
![Page 1: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/1.jpg)
Вадим Макеев
1
С ножом против паровозаЯндекс.Субботник — 31 января ’09
![Page 2: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/2.jpg)
С ножом против паровозаЯндекс.Субботник — 31 января ’09
1.Верстальщикиграфика
2.Рабочийстанок
3.ОсобенностиукрощенияPs
4.Приёмыкунфу
5.Изображениянадиете
6.Чтодальше?
2
![Page 3: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/3.jpg)
Верстальщик и графикаОсобенности профессии
1.Графика—основноевыразительноесредство
3
![Page 4: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/4.jpg)
Верстальщик и графикаОсобенности профессии
1.Графика—основноевыразительноесредство
2.Верстальщик—связующеезвено
4
![Page 5: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/5.jpg)
Верстальщик и графикаОсобенности профессии
1.Графика—основноевыразительноесредство
2.Верстальщик—связующеезвено
3.Форматыграфикииредактор
5
![Page 6: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/6.jpg)
Верстальщик и графикаФорматы графики
1.PSD—отраслевойстандарт
2.PNGслоёный
3.PNGполноцветный(PNG24/32)
4.PNG8‐битный
5.GIF8‐битный
6.JPGполноцветный
6
![Page 7: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/7.jpg)
Рабочий станокТщетные поиски альтернативы
Флагманы
1.AdobePhotoshop2.AdobeFireworks
7
![Page 8: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/8.jpg)
Рабочий станокТщетные поиски альтернативы
Чисто поржать
3.PhotoshopElements4.GIMP
8
![Page 9: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/9.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Adobe Паровоз
1.Всёсамоегрустноевназвании(Photoshop)
9
![Page 10: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/10.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Adobe Паровоз
1.Всёсамоегрустноевназвании(Photoshop)
2.Остальное—вменюFilterи3D
10
![Page 11: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/11.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Adobe Паровоз
1.Всёсамоегрустноевназвании(Photoshop)
2.Остальное—вменюFilterи3D
3.Вруки—напильник…
11
![Page 12: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/12.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
1.КонвертациявRGB
RGBColor—Cmd+Shift+R
12
![Page 13: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/13.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
1.КонвертациявRGB
RGBColor—Cmd+Shift+R
2.Отражениеслоёв
FlipHorizontal—Cmd+Opt+H
FlipVertical—Cmd+Opt+V
13
![Page 14: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/14.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
3.Размеризображенияихолста
ImageSize—Cmd+Opt+I
CanvasSize—Cmd+Opt+C
14
![Page 15: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/15.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
3.Размеризображенияихолста
ImageSize—Cmd+Opt+I
CanvasSize—Cmd+Opt+C
4.Отражениехолста
FlipCanvasHorizontal—Cmd+Shift+H
FlipCanvasVertical—Cmd+Shift+V
15
![Page 16: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/16.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
5.Поворотхолста
90°CW—Cmd+Shift+C(почасовой)
90°CCW—Cmd+Shift+Opt+C(противчасовой)
16
![Page 17: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/17.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Горячие клавиши
5.Поворотхолста
90°CW—Cmd+Shift+C(почасовой)
90°CCW—Cmd+Shift+Opt+C(противчасовой)
6.Вашелюбимоедействие…
17
![Page 18: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/18.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Инструменты и панели
1.Подрукойтолькосамоенеобходимое…
18
![Page 19: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/19.jpg)
19
![Page 20: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/20.jpg)
20
![Page 21: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/21.jpg)
21
![Page 22: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/22.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Инструменты и панели
1.Подрукойтолькосамоенеобходимое
22
![Page 23: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/23.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Инструменты и панели
1.Подрукойтолькосамоенеобходимое
2.Остальное—повешенонагорячиеклавиши
23
![Page 24: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/24.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Инструменты и панели
1.Подрукойтолькосамоенеобходимое
2.Остальное—повешенонагорячиеклавиши
3.Всенастройкисохраняютсявпрофиль(Workspace)
24
![Page 25: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/25.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Эффективный экспорт
1.Диалог«SaveforWeb&Devices»+Нож…
25
![Page 26: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/26.jpg)
26
![Page 27: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/27.jpg)
27
![Page 28: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/28.jpg)
28
![Page 29: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/29.jpg)
29
![Page 30: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/30.jpg)
30
![Page 31: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/31.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Эффективный экспорт
1.Диалог«SaveforWeb&Devices»+Нож
31
![Page 32: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/32.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Эффективный экспорт
1.Диалог«SaveforWeb&Devices»+Нож
2.Настройкиэкспорта…
32
![Page 33: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/33.jpg)
33
![Page 34: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/34.jpg)
34
![Page 35: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/35.jpg)
35
![Page 36: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/36.jpg)
36
![Page 37: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/37.jpg)
37
![Page 38: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/38.jpg)
38
![Page 39: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/39.jpg)
39
![Page 40: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/40.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Эффективный экспорт
1.Диалог«SaveforWeb&Devices»+Нож
2.Настройкиэкспорта
3.Теперьправилаваши…
40
![Page 41: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/41.jpg)
41
![Page 42: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/42.jpg)
42
![Page 43: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/43.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Цветовые профили
1.Любимыеграбли
43
![Page 44: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/44.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Цветовые профили
1.Любимыеграбли
2.Простоерешение…
44
![Page 45: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/45.jpg)
45
![Page 46: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/46.jpg)
46
![Page 47: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/47.jpg)
47
![Page 48: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/48.jpg)
48
![Page 49: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/49.jpg)
49
![Page 50: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/50.jpg)
50
![Page 51: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/51.jpg)
51
![Page 52: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/52.jpg)
Особенности укрощения PsОт мольберта к фрезеровочному станку
Цветовые профили
1.View>ProofSetup>MonitorRGB
2.Edit>ColorSettings>MonitorColor,Ask
3.File>SaveforWeb>ConverttosRGB
4.Open…Convertdocumentcolorsto…
52
![Page 53: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/53.jpg)
Приёмы кунфуБыстрее, выше, сильнее
При чём тут холодное оружие?
1.Экономиявремени
53
![Page 54: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/54.jpg)
Приёмы кунфуБыстрее, выше, сильнее
При чём тут холодное оружие?
1.Экономиявремени
2.Использованиевещейпоназначению
54
![Page 55: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/55.jpg)
Приёмы кунфуБыстрее, выше, сильнее
При чём тут холодное оружие?
1.Экономиявремени
2.Использованиевещейпоназначению
3.Примеры…
55
![Page 56: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/56.jpg)
56
![Page 57: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/57.jpg)
57
![Page 58: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/58.jpg)
58
![Page 59: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/59.jpg)
59
![Page 60: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/60.jpg)
60
![Page 61: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/61.jpg)
61
![Page 62: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/62.jpg)
62
![Page 63: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/63.jpg)
63
![Page 64: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/64.jpg)
64
![Page 65: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/65.jpg)
65
![Page 66: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/66.jpg)
66
![Page 67: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/67.jpg)
67
![Page 68: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/68.jpg)
68
![Page 69: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/69.jpg)
69
Cmd + Shift + Left
![Page 70: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/70.jpg)
70
Cmd + Alt + H
![Page 71: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/71.jpg)
71
Cmd + Shift + Down
![Page 72: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/72.jpg)
72
Cmd + Alt + V
![Page 73: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/73.jpg)
73
![Page 74: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/74.jpg)
74
![Page 75: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/75.jpg)
75
Приёмы кунфуБыстрее, выше, сильнее
Торт слоёный
1.Выходиздвумерногопространства
![Page 76: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/76.jpg)
76
Приёмы кунфуБыстрее, выше, сильнее
Торт слоёный
1.Выходиздвумерногопространства
2.Дискретность…
![Page 77: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/77.jpg)
77
![Page 78: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/78.jpg)
78
wtf.jpg
![Page 79: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/79.jpg)
79
![Page 80: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/80.jpg)
80
wtf.gif
![Page 81: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/81.jpg)
81
wtf.jpg
![Page 82: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/82.jpg)
82
Приёмы кунфуБыстрее, выше, сильнее
Проще говоря
1.PNG‐24—этоотлично
![Page 83: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/83.jpg)
83
Приёмы кунфуБыстрее, выше, сильнее
Проще говоря
1.PNG‐24—этоотлично
2.AlphaImageLoaderдляIE6—проклятиенавека
![Page 84: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/84.jpg)
84
Приёмы кунфуБыстрее, выше, сильнее
Проще говоря
1.PNG‐24—этоотлично
2.AlphaImageLoaderдляIE6—проклятиенавека
3.Авсегдалионнужен?
![Page 85: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/85.jpg)
85
![Page 86: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/86.jpg)
86
![Page 87: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/87.jpg)
87
![Page 88: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/88.jpg)
88
![Page 89: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/89.jpg)
89
![Page 90: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/90.jpg)
90
![Page 91: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/91.jpg)
91
![Page 92: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/92.jpg)
92
![Page 93: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/93.jpg)
93
![Page 94: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/94.jpg)
94
Изображения на диетеБыть умнее Паровоза
Экономим на спичках
1.pngcrush‐remalla‐brute‐reducesrc.pngdest.png
jpegtran‐copynone‐optimizesrc.jpgdest.jpg
![Page 95: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/95.jpg)
95
Изображения на диетеБыть умнее Паровоза
Экономим на спичках
1.pngcrush‐remalla‐brute‐reducesrc.pngdest.png
jpegtran‐copynone‐optimizesrc.jpgdest.jpg
2.PngThing,PngCrusher(MacOSX)
![Page 96: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/96.jpg)
96
Изображения на диетеБыть умнее Паровоза
Экономим на спичках
1.pngcrush‐remalla‐brute‐reducesrc.pngdest.png
jpegtran‐copynone‐optimizesrc.jpgdest.jpg
2.PngThing,PngCrusher(MacOSX)
![Page 97: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/97.jpg)
97
Изображения на диетеБыть умнее Паровоза
Экономим на спичках
1.pngcrush‐remalla‐brute‐reducesrc.pngdest.png
jpegtran‐copynone‐optimizesrc.jpgdest.jpg
2.PngThing,PngCrusher(MacOSX)
3.Smush.it…
![Page 98: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/98.jpg)
98
![Page 99: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/99.jpg)
99
Изображения на диетеБыть умнее Паровоза
Спрайты
1.Экономиянаhttp‐запросах
![Page 100: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/100.jpg)
100
Изображения на диетеБыть умнее Паровоза
Спрайты
1.Экономиянаhttp‐запросах
2.Мгновеннаяотрисовка
![Page 101: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/101.jpg)
101
Изображения на диетеБыть умнее Паровоза
Спрайты
1.Экономиянаhttp‐запросах
2.Мгновеннаяотрисовка
3.От28‐мидо1‐й…
![Page 102: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/102.jpg)
102
![Page 103: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/103.jpg)
103
![Page 104: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/104.jpg)
104
![Page 105: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/105.jpg)
105
![Page 106: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/106.jpg)
106
![Page 107: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/107.jpg)
107
Изображения на диетеБыть умнее паровоза
Спрайты
1.http://webo.in(по‐русски)
2.http://yuiblog.com/blog(по‐английски)
![Page 108: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/108.jpg)
108
Что дальше?Развитие — ключ к успеху
Не верстальщик, но веб-технолог
1.Photoshopнетолькодля«эффектакрасныхглаз»
![Page 109: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/109.jpg)
109
Что дальше?Развитие — ключ к успеху
Не верстальщик, но веб-технолог
1.Photoshopнетолькодля«эффектакрасныхглаз»
2.Макетонарезочныеавтоматы
![Page 110: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/110.jpg)
110
Что дальше?Развитие — ключ к успеху
Не верстальщик, но веб-технолог
1.Photoshopнетолькодля«эффектакрасныхглаз»
2.Макетонарезочныеавтоматы
3.Смертьоформительскойграфики…
![Page 111: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/111.jpg)
111
Что дальше?Развитие — ключ к успеху
Не верстальщик, но веб-технолог
3.Смертьоформительскойграфики
box‐shadow
border‐radius
border‐image
text‐shadow
Подробнее—http://css3.info
![Page 112: Оптимизация и нарезка графики для профессиональной вёрстки](https://reader034.vdocuments.net/reader034/viewer/2022052504/5465bac3b4af9fcf4f8b469c/html5/thumbnails/112.jpg)
Вадим Макеев — http://pepelsbey.net
Спасибо!
С ножом против паровозаЯндекс.Субботник — 31 января ’09
112