ГОУ СОШ 621 г.Санкт-Петербург       
учитель информатики Сырникова С.А.
    

 
   

Виды компьютерной графики

Цветовые палитры


GIMP

Стандартное расположение окон

Панель инструментов

ПР1. Основные навыки работы

ПР2. Инструменты выделения

ПР3-1. Коррекция фотографий в Gimp

ПР3-2. Оптимизация изображений

ПР4. Работа со слоями

ПР5. Работа с градиентом

ПР6. Работа с текстом

ПР7. Анимация

ПР8. Быстрая маска

ПР9. Коллаж (файлы для работы )


PAINT

Инструментарий

ПР1. Стрелочка    (скачать задание)

ПР2. Мозаика       (скачать задание)

ПР3. Рябинка        (скачать задание)


Flash

Снеговик


Глоссарий

Ссылки

 


Практическая работа №3-2. Оптимизация графики для WEB

При подготовке изображения к публикации в Web важно не забыть про его оптимизацию. Смысл оптимизации графики состоит в уменьшении размера изображения с сохранением достаточного  качества. Изображение  большого объема долго загружается, и пользователь может покинуть Вашу страницу. 

В Интернете размещаются изображения трёх графических форматов:

формат особенности тип сжатия применение
GIF Поддерживает палитру в 256 цветов, поддерживает 1 уровень прозрачности (100%)
 
без потерь Применяется для изображений, содержащих крупные области одного тона.
PNG Поддерживает палитру в 256 цветов, поддерживает различные уровни прозрачности (не во всех браузерах корректно отображается) без потерь Изображения, содержащие крупные области одного цвета, обводку, мелкий шрифт.
JPEG Поддерживает палитру более 16 млн. цветов. Не поддерживает прозрачность с потерей качества Полноцветные фотографические изображения.

Оптимизация в GIF и PNG:

  1. Откройте изображение optim.jpg
  2. Установите необходимый размер изображения (не больше 350px по ширине)  (Изображение ->Размер изображения...)

  1. Задайте изображению режим "Индексироанные цвета" (Изображение ->Режим -> Индексированное...)
  2. Задайте цветовую карту "Создать оптимальную палитру" или "Использовать оптимизированную для веба палитру", если изображение содержит малое количество цветов

    Оцените результат.  Надеюсь, Вы убедились, что данный формат не подходит для полноцветных графических изображений :) Этот формат применяется для изображений, содержащих крупные области одного тона
     
  3. И все же сохраните изображение под именем "optim1.gif " в нужном формате GIF, прописав его вручную в поле "Имя" или выбрав из списка "Выберите тип файла (по расширению)"

Оптимизация в JPEG:

  1. Откройте изображение optim.jpg и установите необходимый размер изображения (не больше 350px по ширине) 
  2. Для его оптимизации из верхнего меню выберите команду Файл/Сохранить как.
  3. В появившемся окне выберите для файла расширение, прописав его вручную в поле "Имя", либо выбрав его из списка "Выберите тип файла (по расширению)". Нажмите "Сохранить"
  4. В появившемся окне, перемещая бегунок для параметра "Качество" найдите оптимальное с Вашей точки зрения соотношение Качество изображения/размер файла. (Задав параметр "Сглаживание" в разделе "Дополнительные параметры" Вы можете сгладить появившиеся в результате снижения качества нежелательные резкие границы между разными цветовыми областями.
  5. Сохраните изображение под именем "optim2.jpg"

Использованные ресурсы:
         http://edu.edgestile.ru/optimizacia-grafiki
         http://www.space-ip.ru

 

©2002-2017.Школа №621 г.Санкт-Петербург. S.Syrnikova shik621@yandex.ru