г. Москва, Новокуркинское шоссе, дом 51
ПН-СБ с 10:00 до 20:00, ВС — выходной
+7 (495) 545-48-18 Обратный звонок

GIF- и JPG-файлы - основа графического наполнения веб-страницы

Именно благодаря графике Интернет стал тем, чем он является сейчас, и именно благодаря всё той же той графике стало возможным такое грандиозное многообразие веб-страниц, существующих сегодня на просторах веб-пространства. В основном на всех веб-ресурсах применяется два формата графических файлов - GIF и JPG. Существует ещё один - PNG, но он в силу многих причин распространён не совсем широко, и поэтому детальному рассмотрению на страницах данного исследования не подлежит. Итак, представляем вам основные свойства и некоторые особенности форматов GIF и JPG.

1). Формат GIF - самый популярный формат среди веб-мастеров. Поддерживает 256 цветов и использует их палитру, а также сжатие без потери информации. Этот формат является так называемым «поточным форматом», так как показ картинки в GIF начинается сразу с началом перекачки. Кроме того, он позволяет назначить любому из цветов палитры  атрибут «прозрачный», и это с успехом применяется при создании «прозрачных GIF-файлов». Также можно при необходимости сохранять несколько изображений в одном файле, что позволяет изготавливать «анимированные GIFы». Кроме всех перечисленных свойств GIF имеет поддержку вставки в файл некоторых управляющих блоков, позволяющих вставлять в файл комментарии. Так как GIF осуществляет поддержку не более 256 цветов, то все изображения, сохраняемые в GIF-формате, фактически уменьшают количество использованных цветов, иначе в этот формат не уложиться. Поэтому, например, для красивых фотографий с едва уловимыми оттенками цвета при преобразовании в формат GIF эти оттенки перестанут быть неуловимыми, и если не использовать некоторые художественные фильтры или не применять тонирование, то вся фотография будет иметь неестественный вид. Поэтому чаще всего этот формат используется для сохранения только рисунков или чертежей, имеющих чётки границы цветов и содержащих только основные оттенки.

2). Формат JPG позволяет прекрасно сохранять полноцветные изображения, имеющие количество цветов 16,7 млн. (или же 24bpp), и хотя при сжатии всё же происходят некоторые потери информации, но зато степени самого сжатия практически оправдывают этот недостаток. Кроме того, формат JPG поддерживает так называемую «прогрессивную развертку», при которой изображение неважного качества в процессе загрузки существенно улучшается. Основное предназначение формата JPG заключается в хранении изображений отменного фотографического качества.

Учитывая все особенности форматов GIF и JPG, следует иметь в виду следующие  особенности работы с графикой. Хотя мы и сохраняем все изображения в GIF- или JPG-файлах с поддержкой достаточного количества цветов, но работать с изображением необходимо в каком-либо промежуточном формате, позволяющем сохранять картинку без заметных искажений и без фатальной потери глубины цвета. Такими форматами являются, например, TIFF-форматы, а также внутренние форматы стандартных редакторов типа PSD. Причина проста - в процессе работы при многократном изменении изображения приходится всё время перезаписывать файлы, а это приводит к ощутимым потерям оттенков (GIF) или наращиваниям искажений фотографии (JPG).

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

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

Задайте вопрос нашему специалисту

Вверх