Работа с графикой для сайта

Друзья, пожалуй нужно начать с вопроса:

А нужно ли уметь работать с графикой, для того чтобы создавать сайты?

Вы правильно ответили. По этому вперед!

В этом разделе очень много теории по работе с графикой. Большая часть из Вас наверняка знакома с Photoshop или другими редакторами для обработки графики. Если это так, просто посмотрите уроки и выполните домашнее задание.

Если вы никогда не слышали о том что есть такое, вам нужно очень внимательно несколько раз посмотреть.

У кого нет ни Photoshop ни чего другого, в следующем уроке я расскажу о сервисах по обработке графики без фотошопа.

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

Главная мысль этого урока.

ГРАФИКУ ДЛЯ САЙТА НУЖНО ОБРАБАТЫВАТЬ. 

Немного скучной теории

Что нужно знать при подготовке графики для сайта.

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

Формат PNG спроектирован для замены устаревшего и более простого формата GIF, а также, в некоторой степени, для замены значительно более сложного формата TIFF.

Формат PNG позиционируется прежде всего для использования в Интернете и редактирования графики.
Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG с потерями.

PNG позволяет использовать прозрачность.

Как мы будем работать с графикой, технические моменты рассмотрим подробнее в следующих уроках, а сейчас смотрим что для чего и почему.

Для начала кадрируем изображение если есть в этом необходимость.

И уменьшаем размер изображения


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

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

Как создавать для сайта изображения произвольной формы. Это частно нужно для подготовки графики на сайт одинакового размера и формы.


Внимание

Бонус. Урок от Анастасии Ярославны Герасимовой

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вы очень любознательны. Иначе бы не нажали на эту кнопку