Зачем нужен формат 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 работает таким образом, что часть данных в изображении просто отбрасывается, особенно это касается тонких деталей. Текст, особенно мелкий, а также линии будут искажаться в первую очередь. Чем больше степень сжатия изображения, тем хуже будет читаться текст. Конечно можно увеличить качество изображения, но при этом обязательно возрастет размер файла.