Друзья, пожалуй нужно начать с вопроса:
А нужно ли уметь работать с графикой, для того чтобы создавать сайты?
Вы правильно ответили. По этому вперед!
В этом разделе очень много теории по работе с графикой. Большая часть из Вас наверняка знакома с Photoshop или другими редакторами для обработки графики. Если это так, просто посмотрите уроки и выполните домашнее задание.
Если вы никогда не слышали о том что есть такое, вам нужно очень внимательно несколько раз посмотреть.
У кого нет ни Photoshop ни чего другого, в следующем уроке я расскажу о сервисах по обработке графики без фотошопа.
Самая большая проблема на прошлом потоке заключалась в том что студенты использовали не обработанную графику большого размера, это очень грузило сайты, и все работало рывками.
Главная мысль этого урока.
ГРАФИКУ ДЛЯ САЙТА НУЖНО ОБРАБАТЫВАТЬ.
Немного скучной теории
Что нужно знать при подготовке графики для сайта.
Графические файлы формата JPEG могут быть сохранены с различной степенью компрессии. Чем выше компрессия, тем ниже качество получаемых изображений. Сжатие по алгоритму JPEG происходит с потерей информации, что приводит к появлению так называемых артефактов сжатия, специфических размытий на границах областей.
JPEG не имеет прозрачных областей на картинке.
Формат PNG спроектирован для замены устаревшего и более простого формата GIF, а также, в некоторой степени, для замены значительно более сложного формата TIFF.
Формат PNG позиционируется прежде всего для использования в Интернете и редактирования графики.
Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG с потерями.
PNG позволяет использовать прозрачность.
Как мы будем работать с графикой, технические моменты рассмотрим подробнее в следующих уроках, а сейчас смотрим что для чего и почему.
Для начала кадрируем изображение если есть в этом необходимость.
И уменьшаем размер изображения
Для повторяющихся операций очень удобно пользоваться инструментом о котором я рассказываю в этом видео.
Освоить его не сложно, сделайте это 1 раз, но времени в дальнейшем, это экономит массу да и графика получается идеальная.
В этом уроке я показываю как я готовлю графику для сайта если нужны объекты на прозрачном фоне. Способов вырезать изображение и поместить на прозрачный фон очень много, в этом видео я рассказываю о тех которыми сам пользуюсь.
Как создавать для сайта изображения произвольной формы. Это частно нужно для подготовки графики на сайт одинакового размера и формы.
Внимание
Бонус. Урок от Анастасии Ярославны Герасимовой