Статьи / Веб-Дизайн / FAQ по графическим форматам файлов

  2008-11-04 12:51

Зачем нужен формат PNG?

Фирма CompuServe, создатель формата GIF, активно продвигала
его на рынке много лет. Стало уже стандартом de facto
использовать в программах для графики формат GIF наряду с
другими, не менее популярными графическими форматами. А как
же обойтись без GIFа при создании веб-сайтов? Ведь этот
формат поддерживает прозрачность и анимацию, которые так
необходимы, чтобы сделать качественную графику на веб-сайте.
Однако, через некоторое время, CompuServe на правах хозяина
затребовал мзду за использование своего творения. Нас,
обычных пользователей, нововведение не коснулось, мы можем
свободно размещать и распространять изображения в формате
GIF. А вот разработчики программного обеспечения должны
получить лицензию на включение формата GIF в свой продукт.
Поэтому было решено разработать альтернативный графический
формат, который озаглавили Portable Network Graphics (PNG).
Этот формат не принадлежит конкретной фирме и может быть
использован в любом виде деятельности, связанном с графикой.
PNG существует в двух вариантах - PNG-8, который является
заменой формату GIF, и PNG-24, поддерживающий полноцветные
изображения, такие как фотографии.

PNG-8, как следует из названия, содержит восьмибитный цвет,
т.е. максимальное количество цветом может быть 256, а также
прозрачность. К сожалению, возможность создавать
анимированные изображения отсутствует.



В каком формате лучше сохранять свои изображения для
веб-сайта?

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

GIF, в отличие от формата JPEG, сохраняет каждый пиксел
неизменным, но при этом общее количество цветов в
изображении не может превышать 256. Поэтому, изображения с
ограниченным количеством цветов и четкими краями, такие как
текст и линии должны сохраняться именно в формате GIF.



Что такое прогрессивный JPEG?

Эта фича встроенная в JPEG, которая позволяет показывать
картинку в несколько проходов до того, как она полностью
перекачается на клиентский компьютер. Сначала появляется
изображение с плохим качеством, а затем, за несколько
итераций (обычно 3-5), оно превращается в обычное. Для
файлов большого размера и плохой скоростью связи можно
увидеть, что содержит изображение, еще до его полной
загрузки.



У меня в фотографии содержится текст. В каком формате ее
лучше всего сохранить?

Все зависит от того, что является более важным на фотографии
- текст или само фоновое изображение. При сохранении в
формате GIF текст останется четким, а вот фотография
сделается хуже качеством, поскольку количество цветов упадет
до 256 максимум. Кроме того, GIF хуже сжимает фотографии с
большим количеством цветов.

JPEG наоборот, делает фотографии более-менее качественными и
небольшими по размеру, но при этом слегка размывает текст,
делая его менее четким.

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

Еще одним путем является использование программы Adobe
Photoshop 6. В ней появилась возможность сохранять
изображение в формате JPEG, но при этом можно указывать
области, которые не будут подвергнуты изменениям и останутся
нетронутыми.



В изображении содержатся прозрачные участки. Можно ли
сохранить их при оптимизации формате JPEG?

Нет, JPEG не поддерживает прозрачность ни в каком виде. Ее
можно лишь сымитировать, задав цвет "прозрачных" участков
такой же, как фон веб- страницы.



Почему рисунок с текстом не рекомендуется сохранять как JPEG?

Алгоритм сжатия JPEG работает таким образом, что часть
данных в изображении просто отбрасывается, особенно это
касается тонких деталей. Текст, особенно мелкий, а также
линии будут искажаться в первую очередь. Чем больше степень
сжатия изображения, тем хуже будет читаться текст. Конечно
можно увеличить качество изображения, но при этом
обязательно возрастет размер файла.