Практическая работа "Оптимизация web-графики"

Практическая работа.
Оптимизация web-графики.
Обрезка изображения. Удаление фона
1. Запустите программу Adobe Photoshop CS3.
2. Откройте файл Логотип.gif из папки “Заготовки”.
3. Необходимо обрезать рамку и удалить фон.
4. Выберите инструмент «Рамка» . Обрежьте ненужную часть изображения.
5. Выберите инструмент «Волшебная палочка» .
6. Щелкните указателем мыши в любом месте фона. В результате логотип должен выделиться
пунктирной линией. Нажмите клавишу Delete, фон будет удален.
7. Нажмите комбинацию клавиш CTRL+D, чтобы снять выделение.
Оптимизация формата gif.
1. Выберите команду «Файл» - «Сохранить для Web и устройств…»
2. В диалоговом окне выберите закладку 4 варианта.
2 окно - выберите Формат - gif. Установите прозрачность.
3 окно - выберите Формат - jpeg.
4 окно - выберите Формат – png 24.
3. Сравните три варианта документа. Выберите вариант с
наименьшим размером файла.
4. Сохраните документ.
Оптимизация формата jpeg
1. Откройте в программе Adobe Photoshop CS3 файл Диплом.jpeg из папки “Заготовки”.
Исходные данные изображения: 29,72 см х 21,59 см, размер 6.4 МГб. Это очень большой размер
изображения и большой объем файла для web-страницы и его необходимо уменьшить как в размере, так
и в объёме, причем без потери качества.
2. Вырезать фрагмент документа с изображением одного диплома.
Для исправления Перспективы
выбранного документа, на панели
свойств необходимо включить флажок
«Перспектива»
3. Выберите пункты меню «Изображение» - «Размер изображения».
4. Убедитесь, что флажок «Сохранить пропорции» выбран.
5. В поле Ширина поставьте значение 250. В поле Высота значение измениться пропорционально.
Нажмите кнопку ОК.
6. Установите масштаб изображения равным 100%.
7. Выберите команду «Файл» - «Сохранить для Web и устройств»
8. Переключитесь на вкладку Оптимизация и вы увидите, что размер файла стал приблизительно 29
Кб.
9. В палитре Оптимизация настройте установки:
Формат - jpeg
Качество - 50.
10. Посмотрите на размер вашего файла, он стал примерно 23 Кбайт.
11. Сохраните изображение.
12. В диалоговом окне сохранения файла введите имя файла и в
раскрывающемся списке Тип файла должно стоять Только
изображение.