• strict warning: Non-static method view::load() should not be called statically in /home/s/serka1/devlib.ru/public_html/modules/views/views.module on line 879.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_handler_filter::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/plugins/views_plugin_row.inc on line 0.
  • strict warning: Declaration of views_plugin_row::options_submit() should be compatible with views_plugin::options_submit(&$form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/plugins/views_plugin_row.inc on line 0.

Форматы графических файлов в Web

Сегодня мы рассмотрим основные графические форматы файлов, которые применяются при создании сайтов. Благодаря их грамотному использованию, Вы сможете уменьшить размер ваших страниц и соответственно увеличить время загрузки сайта.

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

Давайте рассмотрим основные графические форматы, которые применяются в сайтостроительстве.

GIF

Один из самых часто используемых в Web форматов. Расшифровывается как Graphics Interchange Format. Особенностью данного формата является максимально возможное количество цветов – 256 или глубина цвета – 8 бит. Второй особенностью данного формата является поддержка прозрачности и анимации. Поэтому часто формат GIF используют для создания баннеров.

GIF. Форматы графических файлов в Web

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

JPEG

Имеет такое же широкое распространение, как и GIF. Аббревиатура расшифровывается как Joint Photographic Experts Group. Основное свое применение данный формат нашел в фотографии. Здесь глубина цвета составляет 24 бит или более 16 миллионов цветов. Данный формат очень хорошо сжимает изображения и позволяет выбирать качество от 0 до 100.

JPEG. Форматы графических файлов в Web

Идеальный вариант для изображений с большим количеством цветов. Не поддерживает полупрозрачность. Имеет несколько различных вариантов сжатия. Также имеет большую поддержку различных браузеров.

PNG

Формат, созданный специально для Интернета – Portable Network Graphics. Был создан из-за восстребованности нового универсального формата для Web. Однако он не смог вытеснить два предыдущих формата и не стал самым лучшим и универсальным. Однако, формат PNG имеет и преимущества. Глубина цвета теперь 32 бита, наличие полупрозрачности. Благодаря полупрозрачности и получил особое распространение.

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

 

Вот три формата, которые в основном используются при создании сайтов. Еще есть BMP, TIF, но из-за больших размеров их практически никто не использует. И Вам советую не использовать их.

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