Заливка в paint. Графический редактор Paint. Инструмент "Заливка". Сохранение изображения впервые

Цель урока :

• закрепление полученных знаний о графическом редакторе “Paint”;
• познакомиться с инструментом “Заливка” программы Paint;
• научиться применять инструмент “Заливка”.

Задачи урока :

Образовательные: формирование, систематизация и обобщение знаний по теме “Графический редактор Paint”, освоить работу мыши с помощью графического редактора Paint, знакомство с инструментом “Заливка”.

Развивающие: развитие приемов умственной деятельности (обобщение, анализ, синтез, оценивание), внимания, памяти, творческой активности.

Воспитательные: развитие познавательного интереса учащихся, основ коммуникативного общения, уверенности в собственных силах, аккуратность.

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

План урока:

1. Организационный момент – 1-2 минуты

2. Актуализация опорных знаний – 10 минут.

3. Изучение нового материала – 10 минут.

1. Инструмент “Заливка” графического редактора Paint,
2. Способы применения инструмента.

4. Физкультминутка – 2 минуты.

5. Закрепление и обобщение знаний. – 12 минут.

1. Практическая работа на ПК.
2. Зарядка для глаз.
3. Обсуждение полученных результатов.

6. Контроль теоретических знаний – 5 минут.

7. Домашнее задание. Подведение итогов урока – 3 минуты.

1. Организационный момент

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

2. Актуализация опорных знаний

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

Вопрос: Давайте попробуем восстановить в памяти интерфейс графического редактора <Рисунок 1 >. Кто желает сделать это у доски? Схематично изображает на доске интерфейс редактора, подписывает основные элементы.

Рисунок 1

Ученикам предлагается выполнить раскрасить рисунок <Рисунок 2 > с помощью карандашей и фломастеров за 5 мин. Учитель сообщает критерии оценивания для данного задания: аккуратность, правильно ли подобраны цвета, полнота выполненного задания. Ученики обмениваются работами со своими соседями и оценивают работы друг друга согласно критериям. После оценивания проводится обсуждение поставленных отметок.

Рисунок 2

3. Изучение нового материала

Прежде чем приступить к раскрашиванию в графическом редакторе Paint ученики слушают объяснение учителя о выборе и смене цвета заливки. Записывают название и назначение нового инструмента в рабочие тетради.

Заливка – закрашивает выбранным цветом замкнутый участок рисунка.

Выбор цветов – позволяет уточнить тот или иной цвет в рисунке.

4. Физкультминутка

Можно провести физкультминутку на основе повторения правил техники безопасности. Учитель называет “неправильно” правила, учащиеся, если согласны - вытягивают руки вверх, если не согласны – вытягивают руки перед собой или в стороны.

5. Закрепление и обобщение знаний. Практическая работа

Предстоит следующий этап: ученики работают за компьютером. Во время работы за компьютером надо быть предельно внимательным. Повторение правил техники безопасности.

Техника безопасности

Во избежание несчастного случая, поражения электрическим током, поломки оборудования, рекомендуется выполнять следующие правила:

• Не включать без разрешения оборудование.
• При несчастном случае, или поломке оборудования позвать старшего (преподавателя).
• Не трогать провода и разъемы (возможно поражение электрическим током).
• Не допускать порчи оборудования.
• Не работать в верхней одежде.
• Не прыгать, не бегать (не пылить).
• Не шуметь.
• Монитор должен располагаться на уровне глаз и перпендикулярно углу зрения.

Задание 1. Раскрашивание этого же рисунка <Рисунок 2 > с помощью инструментов программы Paint.

Учителю нужно предварительно загрузить тот же рисунок на компьютер, чтобы ученики его открыли и разукрасили средствами Paint <Рисунок 2> . Далее им следует сохранить работу. Учитель предварительно должен создать папки для работ учеников на каждом компьютере на дисках С, например, под именем 5_класс. Учащиеся впоследствии запомнят, где находятся созданные ими файлы и в какую папку их необходимо сохранить.

Задание 2. Для сильных учащихся предлагается загрузить дополнительное задание <Рисунок 3> .

Рисунок 3

Необходимо найти все треугольники и залить их коричневым цветом, а все остальные фигуры оставить без изменения. Учащиеся должны определить какое животное получится. (Если задание выполнено правильно, получится верблюд).

Учащиеся сохраняют полученные результаты. Выключают компьютер.

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

6. Контроль теоретических знаний

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

Выберите правильный ответ:

1. Графическим редактором называется программа, предназначенная для...

a) Редактирования вида и начертания шрифта

b) Создания графического образа текста

c) Работы с графическим изображением

2. Программа Paint запускается следующим образом

a) Пуск – Программы – Стандартные – Графический редактор Paint

b) Пуск – Программы – Графический редактор Paint

c) Программы – Пуск - Стандартные – Графический редактор Paint

3. Для создания нового файла в Paint необходимо:

a) Файл – Создать

b) Файл – Открыть

c) Рисунок – Очистить

4. К основным операциям, возможным в графическом редакторе, относятся...

a) Выделение, копирование, вставка

b) Карандаш, кисть, ластик

c) Наборы цветов (палитра)

5. При вставке из буфера обмена или из файла, где располагается вставленный фрагмент по умолчанию?

a) В левом верхнем углу экрана

b) В левом нижнем углу экрана

c) В правом нижнем углу экрана

6. При заливке фигуры другие области зальются в случае,

a) Когда контур фигуры непрерывен

b) Когда контур фигуры имеет разрыв

c) Когда контур фигуры имеет два последовательных разрыва на одной прямой

7. Домашнее задание

Придумать оригинальное название и оформление для альбома с рисунками, созданными в графическом редакторе Paint.

8. Подведение итогов урока

Примечание. Для выполнения практической работы можно использовать другие рисунки <Рисунок 4>, <Рисунок 5>, <Рисунок 6>, <Рисунок 7>.

Литература: Информатика и ИКТ. Учебник. Начальный уровень. Под редакцией Н.В.Макаровой.

Рисунок 4

Рисунок 5

Рисунок 6

Для просмотра видеоурока нажмите на миниатюрный экран.

Вы узнаете:

• Что выполнить заливку можно не только цветом, но и текстурой.
• Как при помощи Define Pattern (Определить узор) создать заливку узором.
• Как в CS5 работает заливка Content Aware (С учетом содержимого).
• Как наложить облака на фотографию с проваленным небом.
• Как пользоваться окном Gradient Editor (Редактор градиента).
• Как добавить закатные цвета небу и создать собственные градиенты.
• Как создавать узоры, используя градиент.
• Как при помощи градиента добавить на изображение радугу.

Инструмент Paint Bucket (Заливка)заливает изображение или выделение цветом переднего плана или текстурой. Клавиша для быстрого вызова – G .

Fill (Заливка) - Бывает двух видов: Foreground (Цвет переднего плана/основной цвет) - основной цвет и Pattern (Образец/узор/регулярный) - узор, текстура. В русском CS4 и CS5 почему-то перевели, как регулярный .При выборе этого параметра изображение будет заливаться узором, который можно выбрать из списка или загрузить новые наборы, щелкнув по стрелочке в правом верхнем углу.

Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В учебнике есть пять уроков в которых очень подробно рассказывается о каждом режиме.Opacity (Непрозрачность) - непрозрачность заливки;

Tolerance (Допуск) – от 0 до 255. При 0, закрасятся только точно совпадающие по цвету пикселы, при 255 - все изображение.

Anti - aliased (Сглаживание) - смягчение неровности и шероховатости краев заливки;

Contiguous (Смежные) – Если отметить этот пункт галочкой, то будут заливаться только соседние по цвету пикселы. Если же галочку снять, то зальются пикселы на всем изображении.

Если не хотите заливать прозрачные области слоя, нажмите на в палитре слои.

Создание собственного узора.

Для создания собственного узора выделите прямоугольную область на изображении, выберите команду Edit (Редактирование) – Define Pattern (Определить узор) , введите какое-либо имя и щелкните по кнопке ОК. Снимите выделение с области. Созданный образец можно найти в самом конце списка в панели выбора узоров.

Заливка Content Aware (С учетом содержимого).

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

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

Меню Edit (Редактирование) – Fill (Выполнить заливку) . В появившемся
окне выберите пункт . Замена происходит методом случайного выбора. Поэтому, если результат вас не устраивает, отмените заливку Ctrl + Z и повторите ее снова. Или после заполнения с учетом содержимого, снимите выделение Ctrl + D и обведите новый участок, который программа заполнила некорректно.

Сравните, на средней картинке удаление человека выполнено при помощи инструмента Patch (Заплатка) , а на картинке справа при помощи заливки с учетом содержимого:

Часто бывает, что при склеивании панорам остаются белые и черные края. Выделите их инструментом Magic wand (Волшебная палочка). Затем выполните заливку с учетом содержимого. Программа сама дорисует недостающие кусочки.

Возможности новой заливки не безграничны. Например, у вас не получится удалить батарею отопления с фотографии, если вы просто выделите ее и воспользуетесь инструментом заливка Content Aware (С учетом содержимого).

Придется дополнительно защитить человека маской. Подробно как работать с масками вы можете изучить в уроках по маскам. В моем учебнике три урока просвещены этой теме. Сейчас я лишь коротко скажу, как это сделать: Создайте копию фонового слоя. Отключите для удобства видимость фона, нажав на значок глазика. Щелкните по миниатюре маски в палитре Layers (Слои). Выберите инструмент Brush (Кисть) черного цвета. Закрасьте нижнюю часть тела и руки. Переключитесь на миниатюру слоя. Пройдите в меню Edit (Редактирование) – Fill (Выполнить заливку). В открывшемся окне, выберите пункт Content Aware (С учетом содержимого) и нажмите ОК. Включите видимость нижнего слоя и выполните сведение слоев.

Область применения этого инструмента очень велика. Это и создание тени, и добавление закатных цветов небу, и создание плавного перехода из одного рисунка в другой с помощью градиентной маски и т.д. и т.д. Плавный переход цветов создается автоматически, необходимо задать крайние цвета. Эти цвета устанавливаются как Foreground (Цвет переднего плана) и Backround (Цвет фона) . Найти этот инструмент можно в паре с Paint Bucket (Заливка).

Рассмотрим панель параметров:

Gradient (Градиент) - создает заливку с плавным переходом между несколькими цветами.

Существует пять видов градиентов:

Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В уроках с 16 по 20 очень подробно рассказывается о каждом.

Opacity (Непрозрачность) - непрозрачность градиента;

Dither (Разбавление цвета) - имитировать большее количество цветов;

Reverse (Обратный порядок) - геометрически перевернуть градиент;

Transparency (Прозрачность) - использовать прозрачность.

Много градиентов хороших и разных

Щелкните по стрелке в правом верхнем углу. Откроется список, в котором
расположены дополнительные наборы градиентов. Выберите любой из них.
Появится окно, в котором нужно нажать Add (Добавить) , если вы хотите загрузить новые градиенты, оставив на месте старые или нажать ОК и тогда новые загрузятся вместо старых.

Так же в этом списке есть возможность загрузить дополнительные градиенты (например, скачанные из интернета в папку Program Files\Adobe\Adobe Photoshop CS….\Presets\ Gradient).

Окно Gradient Editor (Редактор градиента)

Чтобы вызвать это окно нужно два раза кликнуть по образцу градиента в меню параметров инструмента.

В данном окне Вы можете настроить градиентную заливку либо выбрать из списка Presets (Наборы) . Нажав на кнопку Load… (Загрузить…) , вы можете загрузить наборы градиентов (расширение файлов.grd) или воспользоваться кнопкой Save.. (Сохранить…) для сохранения собственного набора градиентов. Для того чтобы созданный вами градиент появился в окошке Presets (Наборы), задайте ему имя в поле Name (Имя) и нажмите на кнопку New (Новый).

Name (Имя) – в этом поле указано имя выбранного градиента. Если изменить настройки, то имя поменяется на Custom(Заказное) и его можно изменить для последующего сохранения;

Gradient Type (Тип градиента/Градиент) – возможен выбор из двух опций: Solid (Сплошной) и Noise (шум).

Solid (сплошной) – создается плавный переход между цветами;

Noise (шум) – градиент предстанет как случайная комбинация линий любых цветов. Нажав кнопку другой вариант, загрузится следующая случайная вариация цветного шума. Переходы между цветами получаются зашумленные и нижняя часть окна видоизменяется:

Можно отрегулировать Плавность. При нуле градиент приобретает плавный переход. При 50% получается размытость и при 100% полосатость всех цветов радуги вам обеспечена. Есть и другие настройки. Можно настроить цвета по каналам в разных
цветовых моделях (RGB, HSB и LAB). Можно ограничить цвета и включить прозрачность.

– задается степень сглаженности градиента.
Чем ниже это значение, тем резче переходы между цветами;

Color (цвет) – задается цвет выбранного цветового ограничителя;

Location (Расположение / Позиция) – Для численного задания положения ползунка. Расположение цветового ограничителя (от 0 до 100%). Можно задать точно середину, поставив ползунок на 50

Сверху цветной полосы расположены ползунки прозрачности градиента. Для того чтобы добавить новый маркер, подведите курсор мыши к верху полосы и щелкните мышкой в нужном месте. Поменять непрозрачность градиента в этой точке можно, уменьшив соответствующий пункт в разделе Stops (Контрольные точки). Чтобы удалить маркер нужно отметить его курсором и нажать на кнопку Delete (Удалить). Как определить выбран ли нужный маркер для редактирования? Очень просто! Кончик выбранного маркера окрашивается в черный цвет.

Точно также добавляем ползунки внизу цветовой полосы, где располагаются ползунки перехода между цветами. Добавив ползунок на цветную полосу, он становится активным, и ему можно назначить другой цвет, щелкнув по окошку Color (Цвет). Здесь же расположены указатели средних точек (маленькие ромбики). Они указывают на то место, где соседние цвета смешиваются в равных пропорциях. И ползунки, и указатели можно передвигать. Можно использовать любое количество ползунков. В зависимости от выбора цвета, вид ползунка будет разным. Если цвет градиента, фиксированный/заказной, то в этот цвет окрашен ползунок.

При перетаскивании с нажатой клавишей Alt происходит дублирование ползунка, и на полосе появляется новый цветовой переход.

Чтобы построить горизонтальный градиент, градиент под углом 90 или под углом 45 градусов, при перемещении курсора удерживайте клавишу Shift нажатой. Отпустите кнопку мыши в той точке, где хотите закончить градиентный переход.

Нарисуем радугу

Создайте новый слой. Выберите градиент похожий на радугу. Сдвиньте ползунки вправо. Нажмите ОК.

Проведите небольшой отрезок инструментом линейный градиент под углом 45 градусов.

Выберите в меню Edit (Редактирование) – Transform (Трансформирование) – Warp (Деформация). Или нажмите комбинацию клавиш Ctrl + T и в меню параметров инструмента нажмите на значок . Появится сетка которую можно трансформировать, передвигая угловые точки и касательные вектора.

Для выхода из режима трансформации нажмите Enter или нажмите на значок в меню параметров инструмента.

Уменьшите непрозрачность слоя с радугой и измените режим наложения на Soft Light (Мягкий свет) .

Вопросы:

(правильный ответ вы можете узнать из викторины в конце видеоурока):

1. Какой параметр нужно отметить у инструмента Paint Bucket (Заливка), чтобы выделенная область закрасилась узором?

– Mode (Режим наложения) – Overlay (Перекрытие).

– В окне Fill (Заливка) выбрать Pattern (Образец/регулярный).

– Tolerance (Допуск) установить на ноль.

– Edit (Редактирование) – Define Pattern (Определить узор).

– Layers (Слои) – New fill layer (Новый слой-заливка) – Pattern (Узор).

3. Как защитить прозрачные участки слоя от заливки цветом или узором?

– Mode (Режим наложения) – Exclusion (Исключение).

– Отметить галочкой пункт Contiguous (Смежные пикселы).

– Снизить до нуля пункт Opacity (Непрозрачность) в меню параметры инструмента.

– Нажать Lock transparent pixels (Зафиксировать прозрачные точки) в палитре слои.

– Opacity (Непрозрачность) в палитре слои снизить до нуля.

4. Как открыть Окно Gradient Editor (Редактор градиента)?

– Меню Edit (Редактирование) – Fill (Выполнить заливку) – Gradient (Градиент).

– Контекстное меню правой кнопки мыши – Define Pattern (Определить узор).

– Кликнуть по образцу градиента в меню параметров инструмента.

– Два раза кликнуть по любому из пяти видов градиента.

5. Как из черно-белого градиента сделать черно-красно-белый градиент?

– В Gradient Editor (Редактор градиента) добавить красный ползунок сверху цветной полосы.

– В Gradient Editor (Редактор градиента) добавить красный ползунок внизу цветной полосы.

– В Gradient Editor (Редактор градиента) поискать готовый градиент.

– В Gradient Editor (Редактор градиента) выбрать Noise (шум), и 50 % Smoothness (гладкость).

Домашнее задание

Вы должны или чтобы увидеть скрытый текст.

В простейшем графическом редакторе Paint есть нестандартный способ создавать фоны с градиентом. Официально такой функции нет, но есть лайфхак. Многие молодые пользователи персональных компьютеров узнали об этом буквально вчера и были удивлены. Мы проверили: класс, работает!

Программа MS Paint для Windows, которую с этого года Microsoft перестала поддерживать (), возможно, самый популярный и самый примитивный графический редактор в мире. В нём очень мало функций, зато интуитивно понятный и доступный даже младенцу интерфейс.

Впрочем, мало кому удавалось нарисовать в нём что-нибудь путное. Однако до сих пор многие умудряются делать настоящие открытия. Например, функция заливки градиентом в Paint не предусмотрена. Но фон, переходящий из одного цвета в другой, сделать можно. Нужно только знать секрет!

Юноша из Сан-Хосе, штат Калифорния, был так поражён этим открытием, что даже снял об этом маленькое видео и выложил его в твиттер.

Делается это так:

1. Делите изображение пополам по диагонали прямой линией.
2. Сжимаете его по горизонтали до одного пикселя (с помощью вкладки «изменить размер»).
3. Разжимаете обратно.
4. ???
5. PROFIT!

Вот, собственно, ролик.

Твит с этим видео собрал больше 30 тысяч ретвитов. В реплаях одни выражают восхищение и восторг, другие скепсис, третьи утверждают, что уже сто лет этим пользуются. Ничто не ново под Луной!

С кистью
и цветом в Paint

Кисть и цвет, при работе в Paint, взаимосвязаны.
И именно поэтому я объединила описание работы
с этими инструментами на одну страницу.

как работать с кистью в Paint

Как работать с кистью в Paint

Инструмент «Кисть» в Paint,
позволяет проводить линии различного вида и текстуры.

Возможно использование разных художественных кистей.

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

Инструмент «Кисть» обозначен на скриншоте
панели инструментов в Paint цифрой 17.

Чтобы открыть весь набор кистей – щёлкните стрелку внизу инструмента «Кисть». И откроется весь набор кистей, имеющийся в программе Paint.

Для выбора – просто щёлкните нужную художественную кисть.
А затем щелкните стрелочку под разделом «Толщина» и выберите
размер, определяющий толщину мазка кисти.

Затем в группе «Цвета» нажмите «Цвет 1» (цвет переднего плана), выберите цвет и с помощью указателя мыши можете закрашивать нужную область.

Чтобы закрасить область «Цветом 2» (цветом фона), нажмите правую
клавишу мыши и удерживайте ее во время перемещения указателя.

Как работать с цветом в Paint

Работа с цветом в Paint

За цвет в Paint отвечает раздел «Цвета».

Слева в этом блоке:

«Цвет 1» – это цвет для переднего плана.

«Цвет 2» – это цвет для фона.

В центральном блоке – палитра цветов.

Два верхних ряда в палитре с заполненными цветом ячеками.
Нижний ряд с пустыми ячейками.

С выбором цвета можете познакомиться .

В правой части блока раздел «Изменение цветов».

Как изменить цвет в палитре Paint

Как изменить цвет в палитре Paint

Если вы не подобрали нужный вам цвет в имеющейся в Paint
палитре цветов – вы можете подобрать нужный вам цвет сами.

Для этого щёлкните по инструменту «Изменение палитры» ,
который находится выше надписи «Изменение цветов».

Откроется новая вкладка для изменения палитры.

В этой вкладке вы сначала выберите цвет в палитре, помогая регулировать цвет стрелочкой, которая находится справа от вертикальной шкалы.

Для наглядности, подбираемый вами цвет будет отражаться ниже палитры
в ячейке «Цвет|Заливка». Когда нужный вам цвет будет подобран - нажмите
внизу справа кнопку «Добавить в набор». И подобранный вами цвет появится
в свободной ячейке, под надписью «Дополнительные цвета».

Теперь можете нажимать «ОК» слева внизу вкладки и подобранный вами
цвет займёт одну из пустых ячеек в палитре на панели инструментов Paint.

По вопросу Эдуарда начальные уроки по Paint Net. Начну с того, что здесь расскажу лишь о простом функционале, который использую я для обработки и разметки скриншотов.

Что такое Paint.Net

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

О программе: Paint.net распространяется бесплатно и за эту душевность огромный респект разработчикам! По своим возможностям программа может легко заменить некоторые функции знаменитого фотошопа. Самые интересные уроки paint net вы найдете на официальном сайте Русскоязычной версии программы . И там же ее можно скачать.

Уроки Paint.net

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

Для начала определимся с выбором цвета с которым будем работать. Цвет меняется одним нажатием левой кнопки мыши. Если предоставленных цветов недостаточно, жмем кнопку Больше

Подбор цвета в paint net

Здесь мы можем подобрать цвет как в шестнадцитиричном варианте так и в RGB или же просто перемещением соответствующих ползунков

Инструмент фигура в paint net

Как делать идеально ровные овалы: все просто, жмем на соответствующий значек в правом меню (при наведении курсора на значки всплывает подсказка) и рисуем заранее заданным цветом в нужном месте овал.

Инструмент ластик в paint net

Если хотите скрыть какую то надпись на картинке, то справа выбираем ластик и аккуратно затираем нужный участок.

Инструмент лассо в paint net

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

Инструмент пипетка в paint net

К примеру: нам нужно залить какое то место тем цветом, который уже есть на картинке. Берем пипетку и кликаем ей на нужный участок, все цвет скопирован

Инструмент заливка в paint net

Теперь в меню выбираем заливку и кликаем ей на выбранный участок.

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

Как писать тексты на скриншотах в Paint Net

Жмем справа значек Т , тыкаем курсором в нужное место и пишем желаемое. Если немного не попали, не беда, захватив крестик (чуть ниже написанного текста) перемещаем всю надпись куда хотим. Размер, шрифт и прочее настраивается вверху, стандартный редактор как в Word.

То что показано выше — мелочь, которой любой человек может научиться самостоятельно, настоящие уроки есть на офф сайте, ссылка вверху.

Как уменьшить вес картинки

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

Теперь в основном меню выбираем файл — сохранить как . Пишем имя сохраняемому изображению, теперь открывается окно с настройками качества изображения. В данном примере используется файл PNG и что бы уменьшить вес картинки ставим минимальную глубину цвета и все остальное, для уменьшения веса картинки jpg пользуемся ползунком . Жмем ок и удивляемся, картинка вместо 100 кб стала весить всего12 кб а разница в качестве почти не заметна.

Для файлов JPEG в настройках будет всего один ползунок, тут уже смотрим на оптимальное соотношение веса и качества. Для скриншотов с подобными текстами и разными квадратными рисунками лучшим вариантом будет конечно png, поскольку вес можно уменьшить более чем в 10 раз. Для рисунков с градиентами, большим количеством рукописного текста и всего круглого формат png, будет тяжеловат, в этом случае лучше использовать Jpeg