Фирма 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 работает таким образом, что часть данных в
изображении просто отбрасывается, особенно это касается тонких деталей.
Текст, особенно мелкий, а также линии будут искажаться в первую
очередь. Чем больше степень сжатия изображения, тем хуже будет читаться
текст. Конечно можно увеличить качество изображения, но при этом
обязательно возрастет размер файла.
Каталог статей
![[react] team](http://react.at.ua/baner.gif){kind=small}
