RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Мар
29

Какой формат изображения лучше

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

Формат изображения GIF (Graphics Interchange Format)

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

Формат GIF имеет свой индекс палитру. Он содержит индекс палитру цветов, до 256, и для каждого пиксела изображения, имеет соответствующий индекс цвета. Если вы измените изображение и сохраните его как GIF, качество изображения не будет потеряно.

Как я уже говорил формат GIF поддерживает анимацию, которая, во времена Web 1.0, показывалась в виде многочисленных мигающих изображений, вращающихся значков, и тем самым, очень сильно раздражало многих пользователей. В более цивилизованную эпоху Web 2.0, мы все же замечаем красивую анимацию «Загрузка …» в ожидании результатов запроса, чтобы обновить страницу.

GIF также поддерживает прозрачность, что является своего рода логическим типом прозрачности. Пиксель в изображении может быть, либо полностью прозрачным или полностью непрозрачным.

Формат изображения JPEG (Joint Photographic Experts Group)

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

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

JPEG не поддерживает прозрачность.

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

Формат изображения PNG (Portable Network Graphics)

Этот формат был создан специально для Интернет, чтобы вытеснить формат GIF. Основное преимущество формата PNG — поддерживает 24-битный цвет и прозрачность.

PNG не имеет потерь качества, и представлен в нескольких формах, но для практических целей он используется только двух вариантах:

1. PNG8

2. PNG24 (полноцветный)

PNG8, как и GIF, имеет палитру изображения.

Давайте сравним формат PNG8 с GIF:

Преимущества:

  1. PNG обычно дает меньший размер файла;
  2. PNG поддерживает переменную прозрачность;

Недостатки:

  1. Анимации не имеется;

Второй тип PNG, полноцветный PNG, может содержать миллионы цветов, также как и JPEG. Вы можете иногда видеть имена, как PNG24 или PNG32.

PNG-24 сочетает в себе черты JPEG и GIF: поддержка 24-битного цвета, сохраняет прозрачность и тем он хорош для полутонов. Размер изображения, как правило, больше, чем у JPEG. Это делает полноцветный формат PNG идеалом в тех случаях, когда размер файла не имеет значения, например, скриншоты или графические руководства.

Давайте сделаем вывод по использованию форматов:
  1. JPEG является лучшим форматом для фотографий.
  2. GIF это лучший формат для анимации.
  3. PNG8 — формат для: иконки, кнопки, фонов, графики сайта.

Получай первым обновления блога!

Введите Ваш e-mail:

Оставить комментарий


вверх