Темы уроков

Практика

Самостоятельно

Выполните предлагаемые задания самостоятельно! 

1. Коллаж

2. Оптимизация графики

3. Создаем заголовки

4. Вырезаем рисунок из фона

5. Собственный фон

6. Репродукции к показу!

 

* * *

Обложка моей любимой книги

* * *

Урок для самосовершенствования

* * *

Рубрика "Вопрос - ответ"

<----Назад

Далее---->

Оптимизация графики для Web-странички

Сегодня в Web используется три типа растровых файлов: JPEG, GIF и PNG.

JPEG (jpg) - не только основной формат передачи графики в Интернете, но и формат, хорошо передающий цветовые и тоновые раскаты, размытые границы (например, фото). Изображения этого формата оптимально сжаты, поэтому их применяют для Web-страничек. Качество "medium" - наиболее оптимальное в соотношении размер-качество.

GIF - хорошо отображает жесткие границы - графики, схемы, поддерживает анимацию. В этом формате возможно сохранение изображения с прозрачным фоном (в JPEG (jpg) - формате эта возможность отсутствует). Но в этом формате всего 256 цветов, что иногда затрудняет цветопередачу, поэтому, если прозрачность не нужна, лучше сохранить изображение в jpeg (jpg)-формате.

PNG - новый формат, применяется в Сети сравнительно недавно. Разработан в качестве замены Gif-формата. Поддерживает любое количество цветов и прозрачность одновременно! 

Итак, если Вы будете в дальнейшем выкладывать файл на Web-страничку, пересылать по почте, сохраняйте его только в этих трех форматах

 Немного ликбеза: Всеми нами любимый графический редактор Paint сохраняет по умолчанию файлы в формате BMP - это собственный формат операционной системы Windows. Хоть его понимают все редакторы, работающие под этой ОС, но
 он НЕ ПОДХОДИТ для Интернета, плохо распечатывается, занимает ОЧЕНЬ много места на диске.

Попробуйте создать простейший рисунок в Paint'e, даже просто линию, не закрасив ее - размер получившегося файла около 3 Мб !!!

Для Web размер картинки должен быть не более 30-50 Кб или до 100 Кб в исключительных случаях. 
И размер одной странички со всеми картинками не должен превышать
80-100 Кб

Итак! Загружаем в наш редактор любую полноцветную картинку! Например, описанную выше. Ее размер был 3224*2135

Команда меню - Изображение - Размер изображения, устанавливаем Разрешение изображения - 72 dpi (пиксела на дюйм)

Обращаем внимание на то, что автоматически сменится и размер изображения - он теперь 774*513

Теперь надо решить, какой размер изображения нам нужен на страничке. То, что Вы видите выше - 500*344. Устанавливаем.

Достаточно поставить в окошко Ширина значение 500 и Высота автоматически выставится - 331, но это при соблюдении условия Сохранять пропорции (около размеров стоит значок связки!).

Далее выбираем команду Файл - Сохранить как для Web... В левом нижнем углу окна будут прописаны размеры будущего файла

33 Кб - это уже приемлемо для Web-странички. Можно бы и поменьше, ... но тогда придется жертвовать размером картинки на экране или ее качеством. И сменить это можно прямо здесь, в окне сохранения! И с качеством изображения можно "поиграться" - 

Кнопка "Сохранить" и ввод имени файла - завершает нашу работу!

 

<----Назад

Далее---->