Павел Дружный (easysite) wrote,
Павел Дружный
easysite

Categories:

Форматы изображений для интернета.

Для сохранения и обработки изображений на компьютере придумано очень много (несколько десятков как минимум) форматов.

Но всего несколько из них хорошо подходят для использования на сайтах. По разным причинам.

Вот те форматы, которые на сайте можно и нужно использовать:
  • JPEG - очень хорошо подходит для сохранения фотографий - позволяет очень сильно уменьшить размер изображения (в байтах, килобайтах, мегабайтах), сохранив внешний вид практически неизменным.
  • GIF - хорош для сохранения разнообразных графиков, схем, возможно текста. В общем, хорошо подходит для тех случаев, когда на картинке мало цветов (включая оттенки), и этими цветами закрашены большие области. Идеально подойдёт для сохранения чистого белого листа :-) Ещё одна особенность GIF - он позволяет сделать некоторые участки картинки прозрачными, то есть, через картинку будет видно то, что находится под ней - цвет фона или другая картинка, например.
  • PNG - это "продвинутая версия" формата GIF - она лучше сжимает (в смысле, уменьшает размер в байтах) изображения со сложными однотонными рисунками. При это PNG позволяет сохранять изображения, в которых гораздо больше цветов и оттенков (в общем-то, можно сохранить и фотографию - эффект будет почти такой же, как в JPEG). PNG тоже позволяет сделать прозрачными некоторые участки изображения, причём в отличии от GIF, позволяет делать полупрозрачность. В общем случае, если вы сохраняете что-то, для чего подходят и GIF и PNG, выбирайте PNG. :-)

Когда выбираете формат для вашего изображения, смотреть нужно на два параметра:
  • Какой будет размер изображения в килобайтах (чем меньше - тем лучше для интернета, файлы маленького объёма быстрее загружаются). Это лучше всего проверяется на практике - просто попробуйте сохранить в разных форматах одну и ту же картинку.
  • Хорошо ли выглядит изображение после сохранения? Определяйте на глаз - если вас устраивает то, как выглядит картинка, значит, выбранный вами для этой картинки формат подходит для неё.

Дополнение (от 2009-02-20): Ещё одна особенность формата GIF - поддержка анимации (то есть, изображение может содержать несколько кадров, сменяющих друг друга как в фильме).

Tags: html, обучение, теория
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 2 comments