Как создавать удобные для пользователя изображения - манекены

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

Часто форматы графических файлов относятся к операционным системам или программным приложениям. Поскольку вы не можете предсказать, каким будет компьютер и программное обеспечение посетителя (кроме него или она будет использовать какой-то веб-браузер), вам нужны изображения, которые каждый может просматривать с помощью любого браузера. Это означает, что вам необходимо использовать кросс-платформенные форматы файлов, которые пользователи могут просматривать с любой версией Microsoft Windows, Mac OS или Linux.

Эти три сжатых графических формата лучше всего подходят для общего использования в Интернете:

• Формат обмена изображениями (GIF): Изображения, сохраненные как GIF, часто меньше, чем сохраненные в других форматах файлов, GIF поддерживает только до 256 цветов, поэтому, если вы попытаетесь сохранить изображение, созданное миллионами цветов, как GIF, вы потеряете качество изображения. GIF - лучший формат для менее сложных, не фотографических изображений, таких как линейное искусство, клип или значки.

• Совместная группа экспертов по фотографиям (JPEG): Формат файла JPEG поддерживает 24-битный цвет (миллионы цветов) и сложные изображения, например фотографии. JPEG является кросс-платформенным и независимым от приложения. Хороший инструмент для редактирования изображений поможет вам настроить сжатие, чтобы вы могли оптимально сбалансировать качество изображения и размер его файла.

• Portable Network Graphics (PNG): PNG - это новейший межплатформенный и независимый от приложений формат файла изображения. Он был создан для объединения лучших аспектов GIF и JPEG. PNG имеет такое же сжатие, что и GIF, но поддерживает 24-битный цвет (и даже 32-битный цвет), как JPEG.

Любой хороший инструмент для редактирования графики позволяет сохранять изображения в любом из этих форматов. Поэкспериментируйте с ними, чтобы увидеть, как преобразование графики из одного формата в другой изменяет внешний вид и размер файла. Затем выберите тот формат, который дает наилучшие результаты.

В таблице приведены рекомендации по выбору формата файла для изображений по типу.

Выбор правильного формата файла для изображения

Формат файла	Наилучшее использование для	Watch Out
GIF	Линейное искусство, значки и изображения с несколькими цветами и меньше detail	Не используйте этот формат, если у вас сложное изображение или фотография.
JPEG	Фотографии или изображения с миллионами цветов и большим количеством detail	Не использовать с линейным изображением. Компрометируйте качество, когда вы сжимаете файл.
PNG	Фотографии или изображения с миллионами цветов и количеством detail	Не использовать с линейным изображением.Обеспечивает наилучший баланс между качеством и размером файла .

Каждый из следующих сайтов предлагает полный обзор графических форматов:

• статья W3C «Графика в Интернете»

• Quackit. com.

Когда вы создаете графику для своей веб-страницы, поддерживайте здоровый баланс между качеством файла и размером файла. Если вы сориентируете свою любимую поисковую систему, вы можете найти хорошие обучающие материалы по обрезке размеров файлов изображений и оптимизации целых сайтов для быстрой загрузки. Для советов и трюков, которые помогут вам быстро создавать быстро загружаемые страницы, просмотрите эти удобные ресурсы:

• Оптимизация изображений на веб-сайте HTML Source

• Оптимизация учебного пособия по веб-графике при оптимизации веб-сайта.