1. Зачем нужен формат PNG?
Фирма CompuServe, создатель формата GIF, активно продвигала его
на рынке много лет. Стало уже стандартом de facto использовать в
программах для графики формат GIF наряду с другими, не менее популярными
графическими форматами. А как же обойтись без GIFа при создании
веб-сайтов? Ведь этот формат поддерживает прозрачность и анимацию,
которые так необходимы, чтобы сделать качественную графику на веб-сайте.
Однако, через некоторое время, CompuServe на правах хозяина затребовал
мзду за использование своего творения. Нас, обычных пользователей,
нововведение не коснулось, мы можем свободно размещать и распространять
изображения в формате GIF. А вот разработчики программного обеспечения
должны получить лицензию на включение формата GIF в свой продукт.
Поэтому было решено разработать альтернативный графический формат,
который озаглавили Portable Network Graphics (PNG). Этот формат
не принадлежит конкретной фирме и может быть использован в любом
виде деятельности, связанном с графикой. PNG существует в двух вариантах
- PNG-8, который является заменой формату GIF, и PNG-24, поддерживающий
полноцветные изображения, такие как фотографии.
PNG-8, как следует из названия, содержит восьмибитный цвет, т.е. максимальное количество цветом может быть 256, а также прозрачность. К сожалению, возможность создавать анимированные изображения отсутствует.
2. В каком формате лучше сохранять свои изображения
для веб-сайта?
Полноцветные изображения, например, фотографии, лучше всего сохранять
в формате JPEG. Хотя этот формат и сжимает изображения с потерей
качества, он наилучшим образом подходит для фотографий, поскольку
поддерживает 16 млн. цветов в изображении, а также сохраняет в нем
неизменными яркость и насыщенность. Главной характеристикой формата
JPEG считается его качество. Задавая лучшее качество, мы тем самым
увеличиваем размер файла, но при этом сохраняем мелкие детали в
изображении. Программы оптимизации как раз и предназначены для того,
чтобы выбрать наилучшее соотношение между размером файла и качеством
изображения.
GIF, в отличие от формата JPEG, сохраняет каждый пиксел неизменным, но при этом общее количество цветов в изображении не может превышать 256. Поэтому, изображения с ограниченным количеством цветов и четкими краями, такие как текст и линии должны сохраняться именно в формате GIF.
3. Что такое прогрессивный JPEG?
Эта возможность, встроенная в JPEG, которая позволяет показывать
картинку в несколько проходов до того, как она полностью перекачается
на клиентский компьютер. Сначала появляется изображение с плохим
качеством, а затем, за несколько итераций (обычно 3-5), оно превращается
в обычное. Для файлов большого размера и плохой скоростью связи
можно увидеть, что содержит изображение еще до его полной загрузки.
4. У меня в фотографии содержится текст. В
каком формате ее лучше всего сохранить?
Все зависит от того, что является более важным на фотографии —
текст или само фоновое изображение. При сохранении в формате GIF
текст останется четким, а вот фотография сделается хуже качеством,
поскольку количество цветов упадет до 256 максимум. Кроме того,
GIF хуже сжимает фотографии с большим количеством цветов.
JPEG наоборот, делает фотографии более-менее качественными и небольшими по размеру, но при этом слегка размывает текст, делая его менее четким.
Таким образом, наилучшим вариантом является метод Подборского, когда подбираем параметры файла, чтобы было лучше видно и меньше занимало.
Еще одним путем является использование программы Adobe Photoshop 6 и выше. В ней появилась возможность сохранять изображение в формате JPEG, но при этом можно указывать области, которые не будут подвергнуты изменениям и останутся нетронутыми.
5. В изображении содержатся прозрачные участки.
Можно ли сохранить их при оптимизации формате JPEG?
Нет, JPEG не поддерживает прозрачность ни в каком виде. Ее можно
лишь сымитировать, задав цвет «прозрачных» участков
такой же, как фон веб-страницы.
6. Почему рисунок с текстом не рекомендуется
сохранять как JPEG?
Алгоритм сжатия JPEG работает таким образом, что часть данных в
изображении просто отбрасывается, особенно это касается тонких деталей.
Текст, особенно мелкий, а также линии будут искажаться в первую
очередь. Чем больше степень сжатия изображения, тем хуже будет читаться
текст. Конечно можно увеличить качество изображения, но при этом
обязательно возрастет размер файла.
Пример одного и того же изображения в формате GIF и JPEG приведен на рис. 1 и 2. Цвета на рис. 2 искажены и вокруг текста появилась грязь. Вдобавок, размер рисунка в формате JPEG в три раза больше, чем у GIF.
 |
 |
|
Рис. 1. Изображение в формате GIF
|
Рис. 2. Изображение в формате JPEG
|